diff options
Diffstat (limited to 'web/share/css/tabs.css')
| -rw-r--r-- | web/share/css/tabs.css | 18 |
1 files changed, 15 insertions, 3 deletions
diff --git a/web/share/css/tabs.css b/web/share/css/tabs.css index 9dfd66db..b622494d 100644 --- a/web/share/css/tabs.css +++ b/web/share/css/tabs.css @@ -39,7 +39,8 @@ div.tabs-box div.tab { div.tabs-box label { order: 1; - display: block; + display: flex; + align-items: center; text-align: center; vertical-align: middle; user-select: none; @@ -50,15 +51,26 @@ div.tabs-box label { position: relative; top: 1px; } +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { + div.tabs-box label { + height: 30px !important; + } +} div.tabs-box label:last-of-type { border-right: var(--border-default-thin); } -div.tabs-box input[type="radio"]:checked+label { +div.tabs-box input[type="radio"]:checked + label { background-color: var(--cs-control-default-bg); } +@media (hover: hover), (min--moz-device-pixel-ratio: 0) { + /* If we have a mouse cursor */ + div.tabs-box input[type="radio"]:not(:checked):hover + label { + color: var(--cs-control-hovered-fg); + } +} -div.tabs-box input[type="radio"]:checked+label+.tab { +div.tabs-box input[type="radio"]:checked + label + .tab { display: block; } |