diff options
| author | Maxim Devaev <[email protected]> | 2022-12-10 18:19:36 +0300 |
|---|---|---|
| committer | Maxim Devaev <[email protected]> | 2022-12-10 18:19:36 +0300 |
| commit | d683149b38742dba05fa7d33e2e76f8e4c64d7a6 (patch) | |
| tree | b48e8aac3360909a602b92e116117b36451e5559 /web | |
| parent | 392b8c3f9e76213cafa92e1e1b3c1b20cafd1834 (diff) | |
pikvm/pikvm#878: Added Japanese keys
Diffstat (limited to 'web')
| -rw-r--r-- | web/kvm/index.html | 49 | ||||
| -rw-r--r-- | web/kvm/window-keyboard.pug | 18 | ||||
| -rw-r--r-- | web/share/css/keypad.css | 11 |
3 files changed, 66 insertions, 12 deletions
diff --git a/web/kvm/index.html b/web/kvm/index.html index afc51b42..9ddf5e77 100644 --- a/web/kvm/index.html +++ b/web/kvm/index.html @@ -1293,14 +1293,12 @@ <div class="label"> </div> </div> <div class="spacer-fixed"></div> - <div class="key small" data-code="IntlYen"> - <div class="label">Yen - </div> + <div class="empty small"> + <div class="label"> </div> </div> <div class="spacer-fixed"></div> - <div class="key small" data-code="IntlBackslash"> - <div class="label">N/US - </div> + <div class="empty small"> + <div class="label"> </div> </div> <div class="spacer-fixed"></div> <div class="key small" data-code="Power"> @@ -1412,6 +1410,45 @@ </div> </div> </div> + <div class="keypad-block"> + <div class="keypad-row"> + <div class="key small" data-code="IntlBackslash"> + <div class="label">\<br>| + </div> + </div> + </div> + <hr> + <div class="keypad-row"> + <div class="key small" data-code="IntlYen"> + <div class="label">¥<br>_ + </div> + </div> + </div> + <div class="keypad-row"> + <div class="key small" data-code="IntlRo"> + <div class="label">\<br>ろ + </div> + </div> + </div> + <div class="keypad-row"> + <div class="modifier small" data-code="KanaMode"> + <div class="label"><b>•</b><br>Kana + </div> + </div> + </div> + <div class="keypad-row"> + <div class="modifier small" data-code="NonConvert"> + <div class="label"><b>•</b><br>N/Cnv + </div> + </div> + </div> + <div class="keypad-row"> + <div class="modifier small" data-code="Convert"> + <div class="label"><b>•</b><br>Cnv + </div> + </div> + </div> + </div> </div> <div class="keypad" id="keyboard-mobile" align="center"> <div class="keypad-block"> diff --git a/web/kvm/window-keyboard.pug b/web/kvm/window-keyboard.pug index 21b2379a..fdd00b15 100644 --- a/web/kvm/window-keyboard.pug +++ b/web/kvm/window-keyboard.pug @@ -112,8 +112,8 @@ div(id="keyboard-window" class="window") div(class="keypad-block") div(class="keypad-row") +empty(2, "small") - +key(2, "IntlYen", "small") Yen - +key(2, "IntlBackslash", "small") N/US + +empty(2, "small") + +empty(2, "small") +key(0, "Power", "small") PWR hr div(class="keypad-row") @@ -143,6 +143,20 @@ div(id="keyboard-window" class="window") +empty(2, "") +key(2, "NumpadDecimal", "small") .#[br]Del +key(0, "NumpadEnter", "small") Ent + div(class="keypad-block") + div(class="keypad-row") + +key(0, "IntlBackslash", "small") \#[br]| + hr + div(class="keypad-row") + +key(0, "IntlYen", "small") ¥#[br]_ + div(class="keypad-row") + +key(0, "IntlRo", "small") \#[br]ろ + div(class="keypad-row") + +modifier(0, "KanaMode", "small") Kana + div(class="keypad-row") + +modifier(0, "NonConvert", "small") N/Cnv + div(class="keypad-row") + +modifier(0, "Convert", "small") Cnv div(id="keyboard-mobile" class="keypad" align="center") div(class="keypad-block") diff --git a/web/share/css/keypad.css b/web/share/css/keypad.css index f3f16834..5c6e4668 100644 --- a/web/share/css/keypad.css +++ b/web/share/css/keypad.css @@ -54,22 +54,25 @@ div.keypad div.keypad-row div.spacer-fixed { div.keypad div.key, div.keypad div.modifier, div.keypad div.empty { + vertical-align: top; + font-size: 0.9em; + text-align: center; box-sizing: border-box; padding: 0; width: 40px; + height: 40px; +} +div.keypad div.empty { + border: thin solid transparent; } div.keypad div.key, div.keypad div.modifier { - font-size: 0.9em; - text-align: center; - vertical-align: top; box-shadow: var(--shadow-micro); border: var(--border-key-thin); border-radius: 6px; color: var(--cs-key-default-fg); background-color: var(--cs-key-default-bg); cursor: pointer; - height: 40px; } div.keypad div.key:hover, div.keypad div.modifier:hover { |