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

@@ -90,12 +90,10 @@ img.inline-lamp {
button,
select {
box-shadow: none;
border: var(--border-key-thin);
border: none;
border-radius: 4px;
color: var(--cs-control-default-fg);
background-color: var(--cs-control-default-bg);
box-shadow: var(--shadow-micro);
display: block;
width: 100%;
height: 30px;
@@ -107,6 +105,11 @@ select {
padding-left: 5px;
padding-right: 25px;
}
button.key,
select.key {
border: var(--border-key-thin);
box-shadow: var(--shadow-micro);
}
@media (hover: hover), (min--moz-device-pixel-ratio: 0) {
/* If we have a mouse cursor */
button:enabled:hover,
@@ -118,6 +121,9 @@ select {
select:active {
color: var(--cs-control-pressed-fg) !important;
background-color: var(--cs-control-pressed-bg) !important;
}
button.key:active,
select.key:active {
box-shadow: none;
}
select:enabled:hover {
@@ -154,7 +160,6 @@ select:disabled {
}
select:active {
color: var(--cs-control-intensive-fg) !important;
background-color: var(--cs-bg-control-intensive) !important;
background-image: url("../svg/select-arrow-intensive.svg") !important;
}
select option {