From 6328505804224fb551bf84068afde4ea58132ea9 Mon Sep 17 00:00:00 2001
From: "B. Stack" <bgstack15@gmail.com>
Date: Thu, 26 May 2022 17:46:05 -0400
Subject: make keyboard navigation easier

---
 radicale_infcloud/web/css/default.css | 16 +++++++++-------
 radicale_infcloud/web/index.html      |  5 +----
 2 files changed, 10 insertions(+), 11 deletions(-)

(limited to 'radicale_infcloud/web')

diff --git a/radicale_infcloud/web/css/default.css b/radicale_infcloud/web/css/default.css
index 14e8156..64aeef7 100644
--- a/radicale_infcloud/web/css/default.css
+++ b/radicale_infcloud/web/css/default.css
@@ -409,9 +409,10 @@ body, input, select, textarea
 	position: static;	/* required by fullcalendar */
 }
 
-*:focus
-{
-	outline: none;
+/* stackrpms removed outline none which is bad for keyboard navigation */
+*:focus {
+	outline: 1px solid rgb(180,0,0);
+	-moz-outline: 1px solid currentcolor;
 }
 
 select
@@ -768,7 +769,7 @@ input[type=text], input[type=password]
 {
 	height: 19px;
 	margin-left: 0px;
-	outline: none;
+	/* stackrpms removed outline none which is bad for keyboard navigation */
 	border: 0px;
 
 	padding-left: 2px;	 /* it resizes the input size :( */
@@ -826,9 +827,10 @@ textarea
 	resize: none;
 	padding-left: 3px;
 
-	outline: none;
-	-moz-outline: none;
-	-moz-border-radius: 0px;
+	/* stackrpms removed outline none which is bad for keyboard navigation */
+	/*outline: none; */
+	/*-moz-outline: none; */
+	/*-moz-border-radius: 0px; */
 
 	/* mobile safari remove rounded corners */
 	-webkit-appearance: none;
diff --git a/radicale_infcloud/web/index.html b/radicale_infcloud/web/index.html
index 26ee0d5..39b8583 100644
--- a/radicale_infcloud/web/index.html
+++ b/radicale_infcloud/web/index.html
@@ -93,10 +93,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 							</td>
 						</tr>
 						<tr>
-							<td><img data-type="system_login" alt="login" title="login" src="images/login.svg" onclick="if(event.shiftKey) ignoreServerSettings=true; $(this).closest('form').find('[type=\'submit\']').click();" /></td>
-						</tr>
-						<tr style="display:none">
-							<td><input type="submit" /></td>
+							<td><input type="image" data-type="system_login" alt="login" title="login" src="images/login.svg" onclick="if(event.shiftKey) ignoreServerSettings=true; $(this).closest('form').find('[type=\'submit\']').click();" /></td>
 						</tr>
 					</table>
 				</form>
-- 
cgit