From de7e3c68a14c0a0c4d4e58c8bbb8f2c287e5ea5e Mon Sep 17 00:00:00 2001 From: Marc Durdin Date: Sun, 10 Mar 2024 14:29:20 -0500 Subject: [PATCH] chore(web): improve the clarity of hints on OSK I found the hints too hard to see on my phone, so this increases size of the hint from 0.5em to 0.75em, and changes color from #aaa to #ccc, on Android. --- web/src/resources/osk/kmwosk.css | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/web/src/resources/osk/kmwosk.css b/web/src/resources/osk/kmwosk.css index e91ebfa315..0a6fa9bfdb 100644 --- a/web/src/resources/osk/kmwosk.css +++ b/web/src/resources/osk/kmwosk.css @@ -205,7 +205,7 @@ .phone.android.kmw-osk-frame { background-color: #222;} .phone.android .kmw-banner-bar, -.tablet.android .kmw-banner-bar { +.tablet.android .kmw-banner-bar { background-color: #222; position: relative; margin-top: 4px; @@ -348,8 +348,16 @@ .desktop .kmw-key-label{position:absolute;left:2px;top:2px;font:0.5em Arial;color:#888;background-color:transparent;} /* Popup icon style (and content)*/ -.kmw-key-popup-icon{position:absolute;display:block;visibility:visible;right:4%;top:1%;/*width:8px;height:8px;*/ - font-size:0.5em;color:#aaa; line-height:initial} +.kmw-key-popup-icon{ + position: absolute; + display: block; + visibility: visible; + right: 4%; + top: 1%; + font-size: 0.75em; + color: #ccc; + line-height: initial; +} /* For certain form-factors, #aaa blends in with the special-key background-color _way_ too well. */ /* e.g: .phone.ios .kmw-key.kmw-key-special {background-color:#b2b9c5;} */