From: Radek Czajka Date: Thu, 22 Apr 2021 10:47:32 +0000 (+0200) Subject: More readable keyboard. X-Git-Url: https://git.mdrn.pl/redakcja.git/commitdiff_plain/bbc0bb7c3658a020da0a291249cc3da71a57bf9a?ds=inline;hp=5860bfbc5f20cc7c29935cc95f1ad9cfcf8f698a More readable keyboard. --- diff --git a/src/toolbar/templates/toolbar/keyboard.html b/src/toolbar/templates/toolbar/keyboard.html index 3fd2748f..f2642046 100644 --- a/src/toolbar/templates/toolbar/keyboard.html +++ b/src/toolbar/templates/toolbar/keyboard.html @@ -27,7 +27,7 @@ margin-right: .5vw; background: white; border: 1px solid black; - border-radius: 10px; + border-radius: .5vw; font-size: 3vw; padding-left: 1vw; padding-top: 1.5vw; @@ -36,18 +36,26 @@ #keyboard .keyboard-row .lower, #keyboard .keyboard-row .upper { position: absolute; font-size: 1vw; - bottom: 1vw; - right: 1vw; - left: 1vw; + bottom: 0; + right: 0; + left: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: right; + padding: 1vw; + border-radius: .5vw; } #keyboard .keyboard-row .upper { bottom: auto; - top: 1vw; + top: 0; } +#keyboard .keyboard-row div:hover .lower, #keyboard .keyboard-row div:hover .upper { + background: #ddd; + left: auto; + overflow: auto; +} + #keyboard-close { position: absolute; right: 0;