errilaz/98se.css
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'main' into add-disabled-maximize-button-styling

Browse source
This commit is contained in:
Vincent Langlois 2024-01-27 21:06:12 -05:00
commit fdca6782f0
2 changed files with 51 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

17
style.css
View file

@ -45,7 +45,6 @@
--checkbox-total-width: calc(var(--checkbox-total-width-precalc));
--checkbox-left: calc(-1 * var(--checkbox-total-width-precalc));
--checkmark-width: 7px;
--checkmark-top: 3px;
--checkmark-left: 3px;
/* Borders */
@ -254,13 +253,15 @@ input[type="reset"]:disabled,
outline: none;
}
.title-bar-controls button[aria-label="Minimize"] {
.title-bar-controls button[aria-label="Minimize"],
.title-bar-controls button[aria-label].minimize {
background-image: svg-load("./icon/minimize.svg");
background-repeat: no-repeat;
background-position: bottom 3px left 4px;
}
.title-bar-controls button[aria-label="Maximize"] {
.title-bar-controls button[aria-label="Maximize"],
.title-bar-controls button[aria-label].maximize {
background-image: svg-load("./icon/maximize.svg");
background-repeat: no-repeat;
background-position: top 2px left 3px;
@ -272,19 +273,22 @@ input[type="reset"]:disabled,
background-position: top 2px left 3px;
}
.title-bar-controls button[aria-label="Restore"] {
.title-bar-controls button[aria-label="Restore"],
.title-bar-controls button[aria-label].restore {
background-image: svg-load("./icon/restore.svg");
background-repeat: no-repeat;
background-position: top 2px left 3px;
}
.title-bar-controls button[aria-label="Help"] {
.title-bar-controls button[aria-label="Help"],
.title-bar-controls button[aria-label].help {
background-image: svg-load("./icon/help.svg");
background-repeat: no-repeat;
background-position: top 2px left 5px;
}
.title-bar-controls button[aria-label="Close"] {
.title-bar-controls button[aria-label="Close"],
.title-bar-controls button[aria-label].close {
margin-left: 2px;
background-image: svg-load("./icon/close.svg");
background-repeat: no-repeat;
@ -435,7 +439,6 @@ input[type="checkbox"]:checked + label::after {
width: var(--checkmark-width);
height: var(--checkmark-width);
position: absolute;
top: var(--checkmark-top);
left: calc(
-1 * (var(--checkbox-total-width-precalc)) + var(--checkmark-left)
);