Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2025-09-29 07:55:55 +08:00
Code Issues Projects Releases Packages Wiki Activity

🎨(themes): Fixes Windows button UI issues in #1649

Browse source
This commit is contained in:
Jackie Luo 2016-03-12 11:43:49 -08:00
parent 85388c9cb5
commit 9cc235dbbb
4 changed files with 9 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
internal_packages/thread-list/stylesheets/thread-list.less
View file

@ -301,9 +301,9 @@
.thread-list .list-item .list-column-HoverActions { .thread-list .list-item .list-column-HoverActions {
display:none; display:none;
.action { .action {
display:inline-block; display: inline-block;
background-size: 100%; background-size: 100%;
zoom:0.5; zoom: 0.5;
width: 81px; width: 81px;
height: 51px; height: 51px;
margin: 9px 16px 0 16px; margin: 9px 16px 0 16px;
@ -324,15 +324,6 @@ body.platform-win32 {
border: 0; border: 0;
margin: 9px 0 0 0; margin: 9px 0 0 0;
} }
.action.action-archive {
background: url(@archive-img) center no-repeat;
}
.action.action-trash {
background: url(@trash-img) center no-repeat;
}
.action.action-snooze {
background: url(@snooze-img) center no-repeat;
}
} }
} }
.thread-list .list-item:hover .list-column-HoverActions { .thread-list .list-item:hover .list-column-HoverActions {

4
internal_packages/ui-darkside/styles/darkside.less
View file

@ -698,6 +698,10 @@ body.is-blurred .list-tabular .list-tabular-item.keyboard-cursor {
background: transparent; background: transparent;
} }
body.platform-win32 .sheet-toolbar-container .btn-toolbar:hover {
background: none;
}
// Centering vertially without magic numbers // Centering vertially without magic numbers
.layout-mode-popout .toolbar-window-controls { .layout-mode-popout .toolbar-window-controls {
margin-top: 0; margin-top: 0;

4
src/sheet-toolbar.cjsx
View file

@ -105,9 +105,9 @@ class ToolbarMenuControl extends React.Component
@displayName: 'ToolbarMenuControl' @displayName: 'ToolbarMenuControl'
render: => render: =>
<div className="toolbar-menu-control"> <div className="toolbar-menu-control">
<div className="btn btn-toolbar" onClick={@_openMenu}> <button className="btn btn-toolbar" onClick={@_openMenu}>
<RetinaImg name="windows-menu-icon.png" mode={RetinaImg.Mode.ContentIsMask} /> <RetinaImg name="windows-menu-icon.png" mode={RetinaImg.Mode.ContentIsMask} />
</div> </button>
</div> </div>
_openMenu: => _openMenu: =>

2
static/workspace.less
View file

@ -390,7 +390,7 @@ body.platform-win32 {
box-shadow: none; box-shadow: none;
background: none; background: none;
&:hover { &:hover {
background: #e5e5e5; background: darken(@list-hover-bg, 5%);
} }
} }
} }