Skip to content
Permalink
Browse files

Get titlebar buttons looking approximately right

  • Loading branch information
1j01 committed Dec 31, 2019
1 parent 9ee3989 commit 9e582369d593aa1117ed63978719c1e056000e4b
Showing with 32 additions and 23 deletions.
  1. +4 βˆ’1 classic.css
  2. BIN images/titlebar-buttons.png
  3. +28 βˆ’22 layout.css
@@ -222,7 +222,10 @@ button.selected {
padding-left: 2px;
}
.window-button {
margin: 2px;
margin: 2px 0;
}
.window-close-button {
margin-left: 2px;
}
.window-content {
font-family: Arial, sans-serif;
BIN +47 Bytes (130%) images/titlebar-buttons.png
Binary file not shown.
@@ -249,33 +249,39 @@ html, body {
display: block !important;
float: right;
}
.window-close-button::before,
.window-maximize-button::before,
.window-minimize-button::before {
color: transparent;
font-size: 1px;
background: url("images/titlebar-buttons.png");
.window-close-button,
.window-maximize-button,
.window-minimize-button {
background-image: url("images/titlebar-buttons.png");
display: block;
width: 15px;
height: 13px;
width: 16px;
height: 14px;
}
.window-close-button::before {
content: 'πŸ—™';
position: relative;
background-position: -30px;

.window-close-button {
background-position: calc(-3 * 13px);
}
.window-maximize-button::before {
content: 'πŸ—–';
position: relative;
background-position: -15px;
.window-maximize-button {
background-position: calc(-1 * 13px);
}
.maximized .window-maximize-button::before {
content: 'πŸ——';
position: relative;
.maximized .window-maximize-button {
background-position: calc(-2 * 13px);
}
.window-minimize-button::before {
content: 'πŸ—•';
position: relative;
.window-minimize-button {
background-position: calc(-0 * 13px);
}

.window-close-button:hover:active {
background-position: calc(-3 * 13px + 1px) 2px;
}
.window-maximize-button:hover:active {
background-position: calc(-1 * 13px + 1px) 2px;
}
.maximized .window-maximize-button:hover:active {
background-position: calc(-2 * 13px + 1px) 2px;
}
.window-minimize-button:hover:active {
background-position: calc(-0 * 13px + 1px) 2px;
}

.window-content .button-group {

0 comments on commit 9e58236

Please sign in to comment.
You can’t perform that action at this time.