erabo/spiegel-keyman
1
0
Fork 0
mirror of https://github.com/keymanapp/keyman.git synced 2026-08-12 03:45:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 13

Fixup embedded CSS for Keyman for iOS (interim)

Browse source
This commit is contained in:
Marc Durdin 2017-08-26 08:05:56 +07:00
parent e539f4eaaf
commit 84697bd7dc
1 changed files with 25 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
web/source/resources/osk/kmwosk.css
View file

@ -19,16 +19,16 @@
/* kmw-key-square applies only to OSK key elements, kmw-key-square-ex applies only to popup key elements */
.phone .kmw-osk-frame{position:fixed;left:0;bottom:0;width:100%;height:144px;overflow-y:visible;
.phone.kmw-osk-frame{position:fixed;left:0;bottom:0;width:100%;height:144px;overflow-y:visible;
background-color:rgba(0,0,0,0.8);-webkit-user-select:none;}
.phone .kmw-osk-inner-frame{margin:0;background:transparent;}
.phone .kmw-key-layer-group{position:fixed;left:0;bottom:0;width:100%;margin:0;padding:1px 0;border:none;background-color:#999999;}
.phone .kmw-key-layer-group{position:fixed;left:0;top:0;width:100%;margin:0;padding:1px 0;border:none;background-color:#999999;}
.phone .kmw-key-layer{position:fixed;left:0;bottom:0;width:100%;height:100%;margin:0;padding:0;background-color:transparent;overflow:hidden;}
.phone .kmw-key-row {position:fixed;width:100%;height:20%;margin:0;padding:0;border:none;overflow:hidden;}
.phone .kmw-key-square {position:fixed; display:inline-block;height:100%;max-height:100%;overflow:visible; margin:0 0 0 0;z-index: 10000;padding:0 0 0 0;background-color:transparent;cursor:default; border:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.phone .kmw-key-square-ex {display:inline-block;box-sizing:border-box;margin:0 0 0 5px;z-index:10001;padding:0; background-color:transparent;cursor:default;}
.phone .kmw-key {display:block;position:fixed;margin:0px;border-radius:6px;text-align:center; box-sizing:border-box; overflow:hidden;
border:solid 2px #999999;
border:solid 2px red;#999999;
box-shadow: 0px -1px 1px 0px rgba(0,0,0,1) inset;
}
@ -290,3 +290,25 @@ div.android #keytip {background-color:#f00;}
overflow:hidden;width:100%;height:100%;}
.tablet-static .kmw-key-label{position:absolute;left:2px;top:2px;font:0.5em Arial;color:#888;background-color:transparent;}
.tablet-static .kmw-key-text{position:relative;left:2px;top:2px;}
.kmw-embedded .ios .kmw-key {
left: 0 !important;
bottom: 4px !important;
}
.kmw-embedded .ios .kmw-key-square {
height: 100% !important;
}
.kmw-embedded .ios.kmw-osk-frame {top:0 !important;bottom:initial !important; width:100% !important;}
.kmw-embedded .ios.kmw-osk-frame {position: absolute !important;}
.kmw-embedded .ios.kmw-osk-frame .kmw-key-layer-group {position: absolute !important; top: 0 !important; bottom: initial !important;}
.kmw-embedded .ios.kmw-osk-frame .kmw-key-layer {position: absolute !important; top: 0 !important; bottom: initial !important;}
.kmw-embedded .ios.kmw-osk-frame .kmw-key-square {position: absolute !important;}
.kmw-embedded .ios.kmw-osk-frame .kmw-key-row {position: absolute !important;}
.kmw-embedded .ios.kmw-osk-frame .kmw-key {position: absolute !important;}