Improve styling of new preview button on light and nightMode
This commit is contained in:
parent
28278fcc40
commit
fe118197a3
@ -65,16 +65,28 @@ button.linkb {
|
|||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
padding: 0px 2px;
|
padding: 0px 2px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
|
||||||
|
|
||||||
button.linkb:disabled {
|
&:disabled {
|
||||||
opacity: 0.3;
|
opacity: 0.3;
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nightMode & > img {
|
||||||
|
filter: invert(180);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
button:focus {
|
||||||
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
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%;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user