Mailspring/app/internal_packages/ui-darkside/styles/darkside-window-controls.less
Ben Gotow 5392726536
Linux options for auto hiding / collapsing menubar to right corner #271, #114, #142 (#498)
* 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
2018-01-01 13:00:17 -05:00

79 lines
1.5 KiB
Plaintext

@import 'ui-variables';
.toolbar-window-controls {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0;
min-width: 50px;
width: 50px;
}
.toolbar-window-controls button {
background-color: @sidebar-text;
background-image: none !important;
float: none;
opacity: 0.5;
margin: 0;
transform: scaleY(0.5);
border-radius: 2px;
transition-duration: 150ms;
transition-property: border-radius, opacity, transform;
}
.toolbar-window-controls:hover button {
opacity: 1;
border-radius: 50%;
transform: scaleY(1);
}
.toolbar-window-controls .close {
background-color: @danger;
}
.toolbar-window-controls .minimize {
background-color: @minimize;
}
.toolbar-window-controls .maximize {
background-color: @maximize;
}
.is-blurred {
.toolbar-window-controls .close,
.toolbar-window-controls .minimize,
.toolbar-window-controls .maximize {
background-color: fade(@sidebar-text, 50%);
}
}
// Compose Button Overrides
.sheet-toolbar .btn.btn-toolbar.item-compose {
background: transparent;
box-shadow: none;
opacity: 0.5;
margin: 0;
height: 100%;
transition: opacity 200ms;
&:hover {
opacity: 1;
}
}
// Compose button icon color
.sheet-toolbar .btn.btn-toolbar.item-compose img.content-mask {
background-color: @sidebar-text;
}
// Activity List
.toolbar-activity {
margin-right: 8px;
}
.activity-list-container {
.disclosure-triangle div {
margin-left: 4px;
margin-top: -2px;
}
}