Merge pull request #10971 from keymanapp/chore/web/hint-clarity-osk

chore(web): improve the clarity of hints on OSK for Android
keymanapp · Mar 11, 2024 · cb6267d · cb6267d
2 parents 2a9ff3f + 58b1668
commit cb6267d
Showing 1 changed file with 16 additions and 3 deletions.
diff --git 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,21 @@
 .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.5em;
+  color: #aaa;
+  line-height: initial;
+}
+
+.android .kmw-key-popup-icon{
+  font-size: 0.5em;
+  color: #eee;
+}
 
 /* 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;} */