mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-11-14 21:57:55 +08:00
c6acca8ca3
Summary: - FixedPopover now correctly adjusts itself when overflowing outside window, in all directions - Updates styles - Adds specs - Remove Popover and popover.less, and refactor all code that used it in favor of the new FixedPopover Test Plan: Unit tests Reviewers: drew, evan, bengotow Reviewed By: bengotow Differential Revision: https://phab.nylas.com/D2697
81 lines
1.2 KiB
Text
81 lines
1.2 KiB
Text
@import "ui-variables";
|
|
|
|
@popover-width: 250px;
|
|
|
|
body.platform-win32 {
|
|
.category-picker-popover {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
|
|
.sheet-toolbar .btn-category-picker:only-of-type {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.category-picker-popover {
|
|
.menu {
|
|
background: @background-secondary;
|
|
width: @popover-width;
|
|
max-height: 400px;
|
|
|
|
.header-container {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.item.divider {
|
|
background-color: #e0e0e0;
|
|
margin: 4px 0;
|
|
height: 2px;
|
|
padding: 0;
|
|
}
|
|
|
|
}
|
|
|
|
.btn.btn-toolbar {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.check-wrap {
|
|
width: 14px;
|
|
height: 14px;
|
|
border-radius: 2px;
|
|
display: inline-block;
|
|
position: relative;
|
|
flex-shrink: 0;
|
|
top: 2px;
|
|
}
|
|
|
|
.item {
|
|
img.content-mask {
|
|
position: relative;
|
|
top:3px;
|
|
background-color: @text-color-subtle;
|
|
}
|
|
}
|
|
.item.selected, .item.active {
|
|
img.content-mask {
|
|
background-color: @text-color-inverse;
|
|
}
|
|
}
|
|
|
|
img.check-img {
|
|
position: absolute;
|
|
}
|
|
|
|
.category-item {
|
|
font-size: 14px;
|
|
display: flex;
|
|
}
|
|
|
|
.category-create-new-tag {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.category-display-name {
|
|
display: inline-block;
|
|
margin-left: 10px;
|
|
margin-right: 5px;
|
|
word-break: break-word;
|
|
}
|
|
}
|