many style improvements

This commit is contained in:
Devaev Maxim
2020-07-19 16:54:50 +03:00
parent af89118eda
commit 903382fda5
12 changed files with 83 additions and 39 deletions

View File

@@ -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;
}