erabo/spiegel-keyman
1
0
Fork 0
mirror of https://github.com/keymanapp/keyman.git synced 2026-09-06 07:37:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

chore(web): improve the clarity of hints on OSK

Browse source 
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.
This commit is contained in:
Marc Durdin 2024-03-10 14:29:20 -05:00
parent 3fd789aae9
commit de7e3c68a1
1 changed files with 11 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
web/src/resources/osk/kmwosk.css
View file

@ -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;} */