Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2025-02-25 16:44:16 +08:00
Code Issues Projects Releases Packages Wiki Activity

feat(icons): mac hover state shows icons

Browse source 
Test Plan: edgehill --test

Reviewers: bengotow

Reviewed By: bengotow

Differential Revision: https://review.inboxapp.com/D1359
This commit is contained in:
Evan Morikawa 2015-03-27 19:35:15 -04:00
parent 7c298aa158
commit 286fdcfad9
4 changed files with 20 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
static/images/application-frame/close@2x.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
static/images/application-frame/maximize@2x.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
static/images/application-frame/minimize@2x.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 21 KiB

46
static/workspace.less
View file

@ -66,43 +66,37 @@ atom-workspace {
flex-grow: 0;
flex-shrink: 0;
&:hover {
button {
background-position: 0 -12px;
}
}
button {
-webkit-app-region: no-drag;
display:inline-block;
padding:0;
width:13px;
height:13px;
width:12px;
height:12px;
margin:4px;
border-radius: 13px;
border: 1px solid rgba(0,0,0,0.2);
float:left;
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 12px 48px;
border: 0;
&:active {
background-position: 0 -24px;
}
}
.close {
background-color: #FB0015;
&:hover {
background-color: darken(#FB0015, 10%);
}
&:active {
background-color: darken(#FB0015, 20%);
}
background-image: url("images/application-frame/close@2x.png");
}
.minimize {
background-color: #FCB40A;
&:hover {
background-color: darken(#FCB40A, 10%);
}
&:active {
background-color: darken(#FCB40A, 20%);
}
background-image: url("images/application-frame/minimize@2x.png");
}
.maximize {
background-color: #0AAF00;
&:hover {
background-color: darken(#0AAF00, 10%);
}
&:active {
background-color: darken(#0AAF00, 20%);
}
background-image: url("images/application-frame/maximize@2x.png");
}
}
@ -115,7 +109,7 @@ body.platform-win32, body.platform-linux {
body.is-blurred {
.toolbar-window-controls {
button {
background-color: desaturate(fade(#FCB40A, 20%), 100%);
background-position: 0 -36px;
}
}
}