diff options
author | Hugo Hörnquist <hugo@lysator.liu.se> | 2020-04-28 22:20:30 +0200 |
---|---|---|
committer | Hugo Hörnquist <hugo@lysator.liu.se> | 2020-04-28 22:20:30 +0200 |
commit | eb952e27b3dd353da1255416d054271b06dfb51c (patch) | |
tree | 502ce6a2fea67295506700d0f00fa80ec2c9aba3 /static | |
parent | Fix current time marker. (diff) | |
download | calp-eb952e27b3dd353da1255416d054271b06dfb51c.tar.gz calp-eb952e27b3dd353da1255416d054271b06dfb51c.tar.xz |
.btn click area now fixed.
Diffstat (limited to '')
-rw-r--r-- | static/style.css | 29 |
1 files changed, 23 insertions, 6 deletions
diff --git a/static/style.css b/static/style.css index 0116a924..a057ff36 100644 --- a/static/style.css +++ b/static/style.css @@ -104,20 +104,33 @@ html, body { } .btn { - padding: 0.5em; - background-color: #3399ff; - color: white; - - box-shadow: var(--btn-height) var(--btn-height) gray; + padding: 0; /* if a */ text-decoration: none; /* if button */ border: none; + background-color: inherit; +} + +.btn > div { + padding: 0.5em; + background-color: #3399ff; + color: white; + + box-sizing: border-box; + width: 100%; + height: 100%; + + display: flex; + justify-content: center; + align-items: center; + + box-shadow: var(--btn-height) var(--btn-height) gray; } -.btn:active { +.btn:active > div { transform: translate(var(--btn-height), var(--btn-height)); box-shadow: none; } @@ -639,6 +652,10 @@ along with their colors. .popup .popup-control { display: flex; flex-direction: column; + + /* not needed, but the icons aren't text + and should therefor not be copied */ + user-select: none; } .popup-control .btn { |