Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2024-09-22 00:06:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(win32): improve button styles for Win 8.1 spec

Browse source
This commit is contained in:
Evan Morikawa 2015-10-21 12:17:15 -07:00
parent eba7c62787
commit 7969ed14c8
3 changed files with 62 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
internal_packages/category-picker/stylesheets/category-picker.less
View file

@ -1,5 +1,15 @@
@import "ui-variables";
body.platform-win32 {
.category-picker {
margin-left: 0;
}
img.content-mask {
top: 0;
}
}
.category-picker {
margin-left: @spacing-three-quarters;
.popover {

34
internal_packages/message-list/stylesheets/message-list.less
View file

@ -13,6 +13,40 @@
}
}
body.platform-win32 {
.sheet-toolbar {
.message-toolbar-arrow.down {
margin: 0 0 0 1px;
padding: 6px 5px 0 5px;
transition: background 300ms;
&:hover {
background: #e5e5e5;
}
&.btn-icon:hover {
color: @text-color;
img.content-mask { background: rgba(35, 31, 32, 0.8); }
}
}
.message-toolbar-arrow.up {
margin: 0 0 0 1px;
padding: 6px 5px 0 5px;
transition: background 300ms;
&:hover {
background: #e5e5e5;
}
&.btn-icon:hover {
color: @text-color;
img.content-mask { background: rgba(35, 31, 32, 0.8); }
}
}
.message-toolbar-arrow.disabled {
&:hover {
background: transparent;
}
}
}
}
.sheet-toolbar {
// This class wraps the items that appear above the message list in the
// toolbar. We want the toolbar items to sit right above the centered

25
static/workspace.less
View file

@ -223,13 +223,6 @@ body.is-blurred {
}
}
.toolbar-menu-control {
order:10000;
padding-top: 5px;
.btn { margin-left: 0; }
img.content-mask { background-color: @text-color-heading; }
}
.btn-toolbar {
margin-top: @spacing-three-quarters;
margin-left: @spacing-three-quarters;
@ -358,7 +351,18 @@ body.platform-win32 {
&.window-type-default {
.toolbar-menu-control {
display:inherit;
order:10000;
.btn { margin-left: 0; }
.btn-toolbar {
padding: 0 17px;
}
img.content-mask {
position: relative;
top: 30px;
background-color: @text-color-heading;
}
}
}
.item-compose {
@ -384,9 +388,16 @@ body.platform-win32 {
background-image: none;
background: @background-primary;
.btn-toolbar {
transition: background 300ms;
margin: 0 0 0 1px;
height: 49px;
padding: 0 14px;
border: 0;
box-shadow: none;
background: none;
&:hover {
background: #e5e5e5;
}
}
}
}