mirror of
https://github.com/Foundry376/Mailspring.git
synced 2025-01-04 07:10:06 +08:00
5392726536
* WIP * Editing UI * Minor fix * Make theme refs to bar more specific * Fix ubuntu menu color * Attempt 2 * Styling * Restart > Relaunch * Cleanup * Linux-style gumdrops, slight ubuntu theme improvements
68 lines
1.5 KiB
Text
68 lines
1.5 KiB
Text
@import 'ui-variables';
|
|
|
|
.sheet-container .sheet-toolbar {
|
|
border: none;
|
|
}
|
|
|
|
.sheet-container .sheet-toolbar .sheet-toolbar-container {
|
|
background: transparent;
|
|
box-shadow: none;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-container .sheet-toolbar .selection-bar .absolute {
|
|
left: 0;
|
|
right: 0;
|
|
border-left: none;
|
|
border-right: none;
|
|
background: none;
|
|
}
|
|
|
|
// Match left and right alignment across all toolbars
|
|
.toolbar-RootSidebar,
|
|
.toolbar-MessageList,
|
|
.toolbar-MessageListSidebar,
|
|
.toolbar-Center,
|
|
.toolbar-Preferences {
|
|
height: 100%;
|
|
padding-left: @sidebar-margin;
|
|
padding-right: @sidebar-margin;
|
|
}
|
|
|
|
// Slightly darker toolbar for Prefs, Single Panel Messages, and Popout
|
|
.toolbar-Preferences,
|
|
.layout-mode-list .toolbar-MessageList,
|
|
.sheet-toolbar-container.mode-popout {
|
|
background: transparent;
|
|
background-color: tint(@sidebar, 90%);
|
|
border: none;
|
|
}
|
|
|
|
// jackiehluo -> (themes): Fixes Windows button UI issues in #1649
|
|
body.platform-win32 .sheet-toolbar-container .btn-toolbar:hover {
|
|
background: none;
|
|
}
|
|
|
|
// Centering vertially without magic numbers
|
|
.layout-mode-popout .toolbar-window-controls {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.sheet-toolbar .item-container .window-title {
|
|
position: static;
|
|
// compensate for width of .toolbar-window-controls
|
|
transform: translateX(-25px);
|
|
}
|
|
|
|
.sheet-toolbar .btn-toolbar {
|
|
box-shadow: 0 0 0 1px @border-color;
|
|
}
|
|
|
|
// Let toolbar define outer padding/margin
|
|
.sheet-toolbar .btn-toolbar:only-of-type {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.btn-toolbar.mode-toggle.mode-false img.content-mask {
|
|
background-color: @accent;
|
|
}
|