diff options
| author | Devaev Maxim <[email protected]> | 2018-09-05 23:52:12 +0300 |
|---|---|---|
| committer | Devaev Maxim <[email protected]> | 2018-09-05 23:52:12 +0300 |
| commit | 730361695bfbbd7b26d5615c8427aee1b9439ba7 (patch) | |
| tree | 29d068a3d54f8fe01cb7200fb0f1f9c1dabb5af4 | |
| parent | 24133531a5812faa96a63d6652a7b7a67a153eb6 (diff) | |
mobile fixes
| -rw-r--r-- | kvmd/web/css/mobile.css | 66 | ||||
| -rw-r--r-- | kvmd/web/index.html | 4 |
2 files changed, 34 insertions, 36 deletions
diff --git a/kvmd/web/css/mobile.css b/kvmd/web/css/mobile.css index 1eda438c..a672d575 100644 --- a/kvmd/web/css/mobile.css +++ b/kvmd/web/css/mobile.css @@ -21,7 +21,28 @@ background-color: var(--bg-color-ctl) !important; } - div#keyboard div.key:hover, div.modifier:hover { + div.keyboard { + zoom: 1.28 !important; + } + div#keyboard-window { + visibility: visible !important; + padding-top: 9px !important; + padding-bottom: 30px !important; + border-bottom: 0 !important; + border-left: 0 !important; + border-right: 0 !important; + border-radius: 0 !important; + top: unset !important; + bottom: 0 !important; + width: 100% !important; + left: 50% !important; + -webkit-transform: translateX(-50%) !important; + transform: translateX(-50%) !important; + } + div#keyboard-window-header { + display: none !important + } + div.keyboard div.key:hover, div.modifier:hover { color: var(--fg-color-normal); background-color: var(--bg-color-gray); } @@ -32,20 +53,6 @@ display: block !important; } - div#stream-mouse-buttons { - display: block !important; - } -} - -@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { - button, select { - height: 45px !important; - } - - div.modal-buttons button { - height: 50px !important; - } - div#stream-window { padding-top: 9px !important; border-top: 0 !important; @@ -58,27 +65,18 @@ div#stream-window-header { display: none !important; } - - div#keyboard { - zoom: 1.1 !important; + div#stream-mouse-buttons { + display: block !important; } - div#keyboard-window { - visibility: visible !important; - padding-top: 9px !important; - padding-bottom: 30px !important; - border-bottom: 0 !important; - border-left: 0 !important; - border-right: 0 !important; - border-radius: 0 !important; - top: unset !important; - bottom: 0 !important; - width: 100% !important; - left: 50% !important; - -webkit-transform: translateX(-50%) !important; - transform: translateX(-50%) !important; +} + +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { + button, select { + height: 45px !important; } - div#keyboard-window-header { - display: none !important + + div.modal-buttons button { + height: 50px !important; } @supports (-webkit-appearance:none) { diff --git a/kvmd/web/index.html b/kvmd/web/index.html index fe5a97ad..f1f899ef 100644 --- a/kvmd/web/index.html +++ b/kvmd/web/index.html @@ -384,7 +384,7 @@ <div class="keyboard-block"> <div class="keyboard-row"> <div data-key="Escape" class="key margin-0 small"><p>Esc</p></div> - <div class="empty-key" style="width:0px"></div> + <div class="empty-key" style="width:4px"></div> <div data-key="F1" class="key wide-0 margin-0 small"><p>F1</p></div> <div data-key="F2" class="key wide-0 margin-0 small"><p>F2</p></div> <div data-key="F3" class="key wide-0 margin-0 small"><p>F3</p></div> @@ -397,7 +397,7 @@ <div data-key="F10" class="key wide-0 margin-0 small"><p>F10</p></div> <div data-key="F11" class="key wide-0 margin-0 small"><p>F11</p></div> <div data-key="F12" class="key wide-0 margin-0 small"><p>F12</p></div> - <div class="empty-key" style="width:4px"></div> + <div class="empty-key" style="width:5px"></div> <div data-key="PrintScreen" class="modifier margin-0 small"><p><b>•</b><br>Pt/Sq</p></div> <div data-key="ScrollLock" class="key margin-0 small"><p>ScrLk</p></div> <div data-key="Pause" class="key margin-0 small"><p>P/Brk</p></div> |