mod_http_oauth2: Present OOB code in an input field for easier selection
authorKim Alvefur <zash@zash.se>
Fri, 02 Jun 2023 11:28:04 +0200
changeset 5519 f5931ce9b6ca
parent 5518 61b8d3eb91a4
child 5520 f25df3af02c1
mod_http_oauth2: Present OOB code in an input field for easier selection Should also avoid stray whitespace making it into the selection.
mod_http_oauth2/html/oob.html
mod_http_oauth2/html/style.css
--- a/mod_http_oauth2/html/oob.html	Fri Jun 02 11:20:08 2023 +0200
+++ b/mod_http_oauth2/html/oob.html	Fri Jun 02 11:28:04 2023 +0200
@@ -12,7 +12,7 @@
 	<h2>Your Authorization Code</h2>
 	<p>Here’s your authorization code, copy and paste it into {client.client_name}</p>
 	<div class="oob">
-		<p><tt>{authorization_code}</tt></p>
+		<p><input readonly name="authorization_code" value="{authorization_code}"></p>
 	</div>
 	</main>
 </body>
--- a/mod_http_oauth2/html/style.css	Fri Jun 02 11:20:08 2023 +0200
+++ b/mod_http_oauth2/html/style.css	Fri Jun 02 11:28:04 2023 +0200
@@ -34,10 +34,12 @@
 	color: #202984;
 	margin: 0.75em;
 }
-.oob tt {
+.oob input {
 	font-size: xx-large;
 	font-family: monospace;
-
+	background-color: inherit;
+	border: none;
+	padding: 1ex 2em;
 }
 
 input {