Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2025-02-22 15:15:12 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix(messages): Replace calc with margin to make plugin styling easier

Browse source
This commit is contained in:
Ben Gotow 2016-03-10 15:30:59 -08:00
parent 3888c0c510
commit 04492c06c7
1 changed files with 12 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
internal_packages/message-list/stylesheets/message-list.less
View file

@ -168,14 +168,13 @@ body.platform-win32 {
} }
.message-subject-wrap { .message-subject-wrap {
width: calc(~"100% - 12px");
max-width: @message-max-width; max-width: @message-max-width;
margin: 11px auto 10px auto; margin: 5px auto 10px auto;
-webkit-user-select: text; -webkit-user-select: text;
line-height: @font-size-large * 1.8; line-height: @font-size-large * 1.8;
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0 @padding-large-horizontal; padding: 0 @padding-base-horizontal;
} }
.mail-important-icon { .mail-important-icon {
margin-right:@spacing-half; margin-right:@spacing-half;
@ -222,10 +221,15 @@ body.platform-win32 {
flex: 1; flex: 1;
opacity:0; opacity:0;
transition: opacity 0s; transition: opacity 0s;
}
.messages-wrap.ready { &.ready {
opacity:1; opacity:1;
transition: opacity .1s linear; transition: opacity .1s linear;
}
.scroll-region-content-inner {
padding: 6px;
}
} }
.minified-bundle + .message-item-wrap { .minified-bundle + .message-item-wrap {
@ -235,10 +239,7 @@ body.platform-win32 {
.message-item-wrap { .message-item-wrap {
transition: height 0.1s; transition: height 0.1s;
position: relative; position: relative;
max-width: @message-max-width; max-width: @message-max-width;
width: calc(~"100% - 12px");
margin: 0 auto; margin: 0 auto;
.message-item-white-wrap { .message-item-white-wrap {
@ -323,8 +324,6 @@ body.platform-win32 {
} }
.minified-bundle { .minified-bundle {
margin-right: @message-spacing;
margin-left: @message-spacing;
position: relative; position: relative;
.num-messages { .num-messages {
position: absolute; position: absolute;
@ -500,9 +499,8 @@ body.platform-win32 {
.footer-reply-area-wrap { .footer-reply-area-wrap {
overflow: hidden; overflow: hidden;
width: calc(~"100% - 12px");
max-width: @message-max-width; max-width: @message-max-width;
margin: -3px auto @spacing-double auto; margin: -3px auto 0 auto;
position: relative; position: relative;
z-index: 2; z-index: 2;