mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-09-22 16:26:08 +08:00
8a8170eb0e
This should not be considered final, but we do plan to shrink the size of the entire UI slightly to match platform conventions.
105 lines
2.1 KiB
Plaintext
105 lines
2.1 KiB
Plaintext
@import "ui-variables";
|
|
@import "ui-mixins";
|
|
|
|
.quoted-text-control {
|
|
color: @text-color-very-subtle;
|
|
display: inline-block;
|
|
border: 1px solid fade(@text-color-very-subtle, 15%);
|
|
border-radius: 3px;
|
|
line-height: 10px;
|
|
padding: 6px 10px;
|
|
font-weight: 600;
|
|
font-size: @font-size-smaller;
|
|
margin: 5px 0 3px 0;
|
|
|
|
&:hover {
|
|
cursor: pointer;
|
|
color: @text-color-subtle;
|
|
border: 1px solid fade(@text-color-subtle, 35%);
|
|
}
|
|
|
|
.dots {
|
|
display: inline-block;
|
|
font-size: @font-size-smaller * 0.8;
|
|
top:-1px;
|
|
position:relative;
|
|
padding-right:8px;
|
|
}
|
|
}
|
|
|
|
body.platform-win32 {
|
|
.quoted-text-control {
|
|
.windows-btn-bg;
|
|
.windows-btn-border;
|
|
&:hover {
|
|
color: @text-color-very-subtle;
|
|
.windows-btn-border;
|
|
}
|
|
}
|
|
.mail-label {
|
|
border-radius: 0;
|
|
}
|
|
}
|
|
|
|
.mail-label {
|
|
font-size: 0.9em;
|
|
padding: 1px 8px;
|
|
margin-right: 6px;
|
|
flex-shrink: 0;
|
|
border-radius: 3px;
|
|
display: inline-block;
|
|
cursor:default;
|
|
line-height: 22px;
|
|
-webkit-user-select: none;
|
|
}
|
|
.mail-label.removable {
|
|
padding-left:12px;
|
|
padding-right:4px;
|
|
.inner {
|
|
position: relative;
|
|
left:0;
|
|
transition: left 0.05s linear;
|
|
}
|
|
.x {
|
|
opacity: 0;
|
|
left:-4px;
|
|
top:-3px;
|
|
position: relative;
|
|
display:inline-block;
|
|
transition: opacity 0.05s ease-in;
|
|
}
|
|
}
|
|
.mail-label.removable:hover {
|
|
.inner {
|
|
left:-6px;
|
|
}
|
|
.x {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
|
|
.mail-important-icon {
|
|
width:16px;
|
|
height:16px;
|
|
vertical-align: middle;
|
|
display:inline-block;
|
|
background-repeat: no-repeat;
|
|
background-position:center;
|
|
background-image:url(../static/images/important/Icon-Important-Hover@2x.png);
|
|
background-size: 16px;
|
|
}
|
|
.mail-important-icon.enabled.active {
|
|
background-image:url(../static/images/important/Icon-Important-Active@2x.png);
|
|
background-size: 16px;
|
|
}
|
|
.mail-important-icon.enabled:hover {
|
|
background-image:url(../static/images/important/Icon-Important-HoverActive@2x.png);
|
|
background-size: 16px;
|
|
}
|
|
.mail-important-icon.enabled.active:hover {
|
|
background-image:url(../static/images/important/Icon-Important-Active@2x.png);
|
|
background-size: 16px;
|
|
-webkit-filter: brightness(90%);
|
|
}
|