Improve styling of new preview button on light and nightMode

This commit is contained in:
Henrik Giesel 2021-01-09 23:55:39 +01:00
parent 28278fcc40
commit fe118197a3

View File

@ -65,16 +65,28 @@ button.linkb {
box-shadow: none; box-shadow: none;
padding: 0px 2px; padding: 0px 2px;
background: transparent; background: transparent;
&:disabled {
opacity: 0.3;
cursor: not-allowed;
}
.nightMode & > img {
filter: invert(180);
}
} }
button.linkb:disabled { button:focus {
opacity: 0.3; outline: none;
cursor: not-allowed;
} }
button.highlighted { button.highlighted {
.nightMode #topbutsleft & {
background: linear-gradient(0deg, #333333 0%, #434343 100%);
}
#topbutsleft & { #topbutsleft & {
box-shadow: inset 0px 0px 5px #222; background-color: lightgrey;
} }
#topbutsright & { #topbutsright & {
@ -94,12 +106,6 @@ button.highlighted {
color: var(--link); color: var(--link);
} }
.nightMode {
button.linkb > img {
filter: invert(180);
}
}
.drawing { .drawing {
zoom: 50%; zoom: 50%;
} }