erabo/spiegel-keyman
1
0
Fork 0
mirror of https://github.com/keymanapp/keyman.git synced 2026-08-18 22:37:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 15

fix(web): fixes #7890 - webview-based subkeys lacked non-webview-default bottom padding

Browse source
This commit is contained in:
Joshua A. Horton 2023-11-03 12:42:47 +07:00
parent 22b9d170d2
commit d12e335d0c
1 changed files with 35 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -340,18 +340,6 @@ body div.kmw-key-shift span.kmw-key-text {font-family:SpecialOSK !important;font
body div.kmw-key-shift-on span.kmw-key-text {font-family:SpecialOSK !important;font-size:1em !important;}
#kmw-popup-keys div.kmw-key-shift span.kmw-key-text {font-family:SpecialOSK !important;}
/* Style for callout used on phones */
#kmw-popup-callout {
position: absolute;
display: block;
border-color: transparent;
border-top-color: #fdfdfe;
border-style: solid;
z-index: 10002;
pointer-events:none;
box-sizing: border-box;
}
#kmw-keytip {
z-index: 10002;
}
@ -484,11 +472,6 @@ div.android div.kmw-keytip-cap {
div.ios div.kmw-keytip-cap {
border-top: solid 1px #0f1319;
}
/* Style for callout used on phones */
#kmw-popup-callout {
border-top-color: #0f1319;
}
}
/* Box styles for keyboard-specific OSK (e.g. EuroLatin) and if no keyboard active (desktop only) */
@ -546,6 +529,18 @@ div.android div.kmw-keytip-cap {
box-sizing: content-box;
}
/* Style for callout used on phones */
#kmw-popup-callout {
position: absolute;
display: block;
border-color: transparent;
border-top-color: #fdfdfe;
border-style: solid;
z-index: 10002;
pointer-events:none;
box-sizing: border-box;
}
.tablet.ios #kmw-popup-keys {padding: 4px 7px 0px 0px;}
.phone.ios #kmw-popup-keys {padding: 4px 5px 0px 0px;}
@ -555,10 +550,33 @@ div.android div.kmw-keytip-cap {
.phone.android #kmw-popup-keys {border:none; border-radius: 2px; background-color:#333333; padding:5px 5px 0 0;}
.tablet.android #kmw-popup-keys {border:1px solid #eee; border-radius: 3px; background-color:#888; padding:8px 12px 4px 4px;}
.kmw-embedded .phone.ios #kmw-popup-keys,
.kmw-embedded .tablet.ios #kmw-popup-keys,
.kmw-embedded .phone.android #kmw-popup-keys {
padding-bottom: 4px;
}
.kmw-embedded .tablet.android #kmw-popup-keys {
padding-bottom: 8px;
}
.phone.android #kmw-popup-callout {
border-top-color: #333333;
}
.tablet.android #kmw-popup-callout {
border-top-color: #888;
}
@media (prefers-color-scheme: dark) {
/* Should we do different dark-mode styling for Android than for iOS? */
/* These were selected for iOS, just to be clear. */
#kmw-popup-keys {
background-color: #0f1319;
}
#kmw-popup-callout {
border-top-color: #0f1319;
}
}
/* Filter (shim) to darken screen and highlight popup keys */