Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-07-13 03:27:39 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Cleanup messageview style

Browse source
This commit is contained in:
djmaze 2021-05-18 14:28:56 +02:00
parent c571a4fbe7
commit 426b82e7c4
7 changed files with 14 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

2
dev/Styles/Admin.less
View file

@ -55,7 +55,7 @@
z-index: 2; z-index: 2;
background-color: #fff; background-color: #fff;
border: @rlMainBorderSize solid @rlMainDarkColor; border: 1px solid @rlMainDarkColor;
box-shadow: @rlMainShadow; box-shadow: @rlMainShadow;
border-radius: @rlMainBorderRadius; border-radius: @rlMainBorderRadius;

2
dev/Styles/EmailAddresses.less
View file

@ -14,7 +14,7 @@
.emailaddresses.emailaddresses-focused { .emailaddresses.emailaddresses-focused {
background-color: #fff; background-color: #fff;
border: @rlInputBorderSize solid darken(@inputBorder, 20%); border: 1px solid darken(@inputBorder, 20%);
box-shadow: none; box-shadow: none;
} }

2
dev/Styles/Layout.less
View file

@ -243,7 +243,7 @@ html:not(.rl-left-panel-disabled) #rl-left.resizable > .resizer,
} }
.btn-group > .btn.single { .btn-group > .btn.single {
border-radius: @btnBorderRadius !important; border-radius: 3px !important;
} }
/* desktop */ /* desktop */

4
dev/Styles/MessageList.less
View file

@ -19,7 +19,7 @@ html.rl-no-preview-pane {
right: 0; right: 0;
left: 0; left: 0;
height: 30px; height: 30px;
padding: 10px @rlMainBorderSize; padding: 10px 1px;
z-index: 102; z-index: 102;
white-space: nowrap; white-space: nowrap;
} }
@ -64,7 +64,7 @@ html.rl-no-preview-pane {
left: 0; left: 0;
bottom: @rlBottomMargin; bottom: @rlBottomMargin;
border: @rlMainBorderSize solid @rlMainDarkColor; border: 1px solid @rlMainDarkColor;
box-shadow: @rlMainShadow; box-shadow: @rlMainShadow;
border-radius: @rlMainBorderRadius; border-radius: @rlMainBorderRadius;

34
dev/Styles/MessageView.less
View file

@ -1,4 +1,3 @@
.g-ui-min-height-300 { .g-ui-min-height-300 {
min-height: 300px; min-height: 300px;
} }
@ -24,9 +23,9 @@
right: @rlLowMargin; right: @rlLowMargin;
left: -2px; left: -2px;
/*overflow: hidden;*/ /*overflow: hidden;*/
border: @rlLowBorderSize solid @rlMainDarkColor; border: 1px solid @rlMainDarkColor;
border-radius: @rlLowBorderRadius; border-radius: @rlMainBorderRadius;
background-color: #fff; background-color: #fff;
@ -92,11 +91,8 @@
padding: 10px; padding: 10px;
background-color: #f8f8f8; background-color: #f8f8f8;
border-top: 0;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
border-top-right-radius: 5px; border-radius: @rlMainBorderRadius @rlMainBorderRadius 0 0;
border-top-left-radius: 5px;
z-index: 1;
.subjectParent { .subjectParent {
font-size: 18px; font-size: 18px;
@ -105,9 +101,6 @@
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
margin-bottom: 8px; margin-bottom: 8px;
line-height: 100%;
height: 22px;
vertical-align: middle;
} }
.messageButtons { .messageButtons {
@ -186,7 +179,6 @@
left: 0; left: 0;
right: 0; right: 0;
overflow: auto; overflow: auto;
border-radius: @rlLowBorderRadius;
scroll-behavior: smooth; scroll-behavior: smooth;
.buttonFull { .buttonFull {
@ -289,13 +281,10 @@
} }
.rlBlockquoteSwitcher { .rlBlockquoteSwitcher {
background-color: #eee;
border: 1px solid #999; border: 1px solid #999;
display: block; display: block;
width: 30px; width: 3em;
height: 14px; line-height: 1em;
line-height: 14px;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
margin: 2em 0 10px; margin: 2em 0 10px;
@ -306,10 +295,6 @@
} }
} }
.bodySubHeader {
z-index: 2;
}
.b-text-part { .b-text-part {
height: 100%; height: 100%;
@ -474,7 +459,6 @@
&.message-focused .b-content { &.message-focused .b-content {
z-index: 101; z-index: 101;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
border-radius: @rlLowBorderRadius;
border-color: darken(@rlMainDarkColor, 5%); border-color: darken(@rlMainDarkColor, 5%);
} }
@ -523,7 +507,7 @@ html.rl-no-preview-pane .messageView {
} }
.toolbar { .toolbar {
padding-left: @rlMainBorderSize; padding-left: 1px;
} }
.b-content { .b-content {
@ -531,9 +515,8 @@ html.rl-no-preview-pane .messageView {
left: 0; left: 0;
bottom: @rlBottomMargin; bottom: @rlBottomMargin;
right: @rlBottomMargin; right: @rlBottomMargin;
border: @rlMainBorderSize solid @rlMainDarkColor; border: 1px solid @rlMainDarkColor;
box-shadow: @rlMainShadow; box-shadow: @rlMainShadow;
border-radius: @rlMainBorderRadius;
} }
} }
@ -572,8 +555,7 @@ html.rl-message-fullscreen {
right: 0 !important; right: 0 !important;
bottom: 0 !important; bottom: 0 !important;
z-index: 10000 !important; z-index: 10000 !important;
border: @rlLowBorderSize solid @rlMainDarkColor !important; border: 1px solid @rlMainDarkColor !important;
border-radius: @rlLowBorderRadius !important;
} }
} }

2
dev/Styles/Settings.less
View file

@ -69,7 +69,7 @@
scroll-behavior: smooth; scroll-behavior: smooth;
background-color: #fff; background-color: #fff;
border: @rlMainBorderSize solid @rlMainDarkColor; border: 1px solid @rlMainDarkColor;
box-shadow: @rlMainShadow; box-shadow: @rlMainShadow;
border-radius: @rlMainBorderRadius; border-radius: @rlMainBorderRadius;
} }

7
dev/Styles/_Values.less
View file

@ -1,11 +1,7 @@
@rlLeftWidth: 200px; @rlLeftWidth: 200px;
@rlInputBorderSize: 1px;
@rlMainBorderSize: 1px;
@rlLowBorderSize: 1px;
@rlMainBorderRadius: 5px; @rlMainBorderRadius: 5px;
@rlLowBorderRadius: 3px;
@rlMainShadow: 0 2px 8px rgba(0, 0, 0, 0.2); @rlMainShadow: 0 2px 8px rgba(0, 0, 0, 0.2);
@ -13,6 +9,3 @@
@rlBottomMargin: 5px; @rlBottomMargin: 5px;
@rlMainDarkColor: #aaa; @rlMainDarkColor: #aaa;
// bootstart
@btnBorderRadius: 3px;