Mailspring/app/internal_packages/ui-darkside/styles/darkside-toolbars.less
Ben Gotow 251d7c44d1
Activity Summary / Insights v1 🎉
* Initial commit

* SVG-based graph components

* Add histogram, pull data into graphs

* Loading animation, timespan descriptions

* Improvements to read receipt / link tracking section

* Initial pass at subject line analysis

* Fixes to subject-line stats

* Fix theme `ui-variables` include paths

* Add “Share this report” button

* Add “Learn More” button

* Make it more clear how to edit your shortcuts

* Merge activity-list and new activity-dashboard, move in sidebar
2017-11-07 20:05:25 +01:00

66 lines
1.4 KiB
Text

.sheet-toolbar {
border: none;
}
.sheet-toolbar-container {
background: transparent;
box-shadow: none;
border: none;
}
.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;
}