mirror_css/98.css
1
0
Fork 0
mirror of https://github.com/jdan/98.css.git synced 2025-03-11 06:09:50 +01:00
Code Issues Releases Wiki Activity

adjust nav button dimensions - fixes #9

Browse Source
This commit is contained in:
Jordan Scales 2020-04-27 09:54:15 -04:00
parent 1b6312f42b
commit ecbfb5d547
2 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
icon/maximize.svg
View File

@ -1,3 +1,3 @@
<svg width="9" height="8" viewBox="0 0 9 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 2V7V8H1H8H9V7V2V0H8H1H0V2ZM8 7V2H1V7H8Z" fill="black"/>
<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 0H0V2V8V9H1H8H9V8V2V0ZM8 2H1V8H8V2Z" fill="black"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 207 B

After

Width:  |  Height:  |  Size: 203 B

12
style.css
View File

@ -186,8 +186,8 @@ button::-moz-focus-inner {
.title-bar-controls button {
padding: 0;
display: block;
min-width: 14px;
min-height: 12px;
min-width: 16px;
min-height: 14px;
}
.title-bar-controls button:focus {
@ -197,22 +197,20 @@ button::-moz-focus-inner {
.title-bar-controls button[aria-label="Minimize"] {
background-image: svg-load("./icon/minimize.svg");
background-repeat: no-repeat;
background-position: bottom 2px left 3px;
background-position: bottom 3px left 3px;
}
.title-bar-controls button[aria-label="Maximize"] {
background-image: svg-load("./icon/maximize.svg");
background-repeat: no-repeat;
/* Off by 1px because contents can't go above the inner shadow */
/* Should be 9px by 9px, with top 1px */
background-position: top 2px left 2px;
background-position: top 2px left 3px;
}
.title-bar-controls button[aria-label="Close"] {
margin-left: 2px;
background-image: svg-load("./icon/close.svg");
background-repeat: no-repeat;
background-position: top 2px center;
background-position: top 3px left 4px;
}
.window-body {