mirror of
https://github.com/the-djmaze/snappymail.git
synced 2024-09-20 07:35:55 +08:00
@rlMainBorderRadius to --border-radius: 5px;
This commit is contained in:
parent
4ec7070ffa
commit
2705f16e44
|
@ -12,7 +12,7 @@
|
|||
background-color: #f9f9f9;
|
||||
padding: 8px;
|
||||
border: 1px solid #eee;
|
||||
border-radius: 3px;
|
||||
border-radius: var(--input-border-radius, 3px);
|
||||
margin: -5px 0;
|
||||
i {
|
||||
font-style: normal;
|
||||
|
|
|
@ -70,8 +70,8 @@
|
|||
|
||||
#rl-settings-subscreen {
|
||||
background-color: var(--settings-bg-clr, #fff);
|
||||
border: 1px solid @rlMainDarkColor;
|
||||
border-radius: @rlMainBorderRadius;
|
||||
border: 1px solid var(--border-color, #aaa);
|
||||
border-radius: var(--border-radius, 5px);
|
||||
box-shadow: @rlMainShadow;
|
||||
box-sizing: border-box;
|
||||
height: calc(100% - 50px - @rlLowMargin - @rlLowMargin);
|
||||
|
|
|
@ -30,7 +30,7 @@
|
|||
.help-block span {
|
||||
background-color: #fff;
|
||||
border: 1px solid #000;
|
||||
border-radius: 3px;
|
||||
border-radius: var(--input-border-radius, 3px);
|
||||
color: #000;
|
||||
display: none;
|
||||
left: 2px;
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
width: 180px;
|
||||
background-color: rgba(128, 128, 128, 0.1);
|
||||
border: 1px solid transparent;
|
||||
border-radius: 3px;
|
||||
border-radius: var(--input-border-radius, 3px);
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
|
||||
|
|
|
@ -117,7 +117,7 @@ dialog > footer {
|
|||
margin-bottom: 0;
|
||||
text-align: right; // right align buttons
|
||||
border-top: 1px solid var(--border-color, #ddd);
|
||||
border-radius: 0 0 6px 6px;
|
||||
border-radius: 0 0 var(--dialog-border-radius, 6px) var(--dialog-border-radius, 6px);
|
||||
|
||||
// Properly space out buttons
|
||||
.btn + .btn {
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
background-color: rgba(128, 128, 128, 0.1);
|
||||
border: 0;
|
||||
border-radius: 3px;
|
||||
border-radius: var(--input-border-radius, 3px);
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 1px 5px rgba(0, 0, 0, 0.1);
|
||||
display: inline-block;
|
||||
list-style: none;
|
||||
|
|
|
@ -26,7 +26,7 @@
|
|||
.emailaddresses li[draggable] {
|
||||
background-color: #eee;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 2px;
|
||||
border-radius: calc(var(--input-border-radius, 3px) - 1px);
|
||||
box-shadow: 0 1px 0 rgba(255,255,255,0.75) inset;
|
||||
color: #555;
|
||||
cursor: default;
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
|
||||
.e-signature-place {
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 3px;
|
||||
border-radius: var(--input-border-radius, 3px);
|
||||
}
|
||||
|
||||
.textEmail {
|
||||
|
|
|
@ -128,7 +128,7 @@ html:not(.rl-left-panel-disabled) #rl-left > .resizer,
|
|||
line-height: 30px;
|
||||
background: rgba(0, 0, 0, .6);
|
||||
padding: 15px;
|
||||
border-radius: 5px;
|
||||
border-radius: var(--border-radius, 5px);
|
||||
text-shadow: 0 1px 1px #000;
|
||||
transform: translateY(-50%);
|
||||
top: 50%;
|
||||
|
@ -176,7 +176,7 @@ html.rl-side-preview-pane {
|
|||
}
|
||||
|
||||
.btn-group > .btn.single {
|
||||
border-radius: 3px !important;
|
||||
border-radius: var(--input-border-radius, 3px) !important;
|
||||
}
|
||||
|
||||
/* desktop */
|
||||
|
|
|
@ -25,8 +25,8 @@ html.rl-no-preview-pane {
|
|||
.messageList {
|
||||
height: calc(100% - 50px);
|
||||
background-color: #fff;
|
||||
border: 1px solid @rlMainDarkColor;
|
||||
border-radius: @rlMainBorderRadius;
|
||||
border: 1px solid var(--border-color, #aaa);
|
||||
border-radius: var(--border-radius, 5px);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
|
@ -38,8 +38,8 @@ html.rl-no-preview-pane {
|
|||
background-color: var(--message-list-toolbar-bg-color, #eee);
|
||||
// #gradient > .vertical(#f4f4f4, #dfdfdf);
|
||||
|
||||
border-bottom-right-radius: @rlMainBorderRadius;
|
||||
border-bottom-left-radius: @rlMainBorderRadius;
|
||||
border-bottom-right-radius: var(--border-radius, 5px);
|
||||
border-bottom-left-radius: var(--border-radius, 5px);
|
||||
border-top: 1px solid var(--border-color, #bbb);
|
||||
|
||||
.e-quota {
|
||||
|
@ -72,8 +72,8 @@ html.rl-no-preview-pane {
|
|||
background-color: var(--message-list-toolbar-bg-color, #eee);
|
||||
// #gradient > .vertical(#f4f4f4, #dfdfdf);
|
||||
|
||||
border-top-right-radius: @rlMainBorderRadius;
|
||||
border-top-left-radius: @rlMainBorderRadius;
|
||||
border-top-right-radius: var(--border-radius, 5px);
|
||||
border-top-left-radius: var(--border-radius, 5px);
|
||||
border-bottom: 1px solid var(--border-color, #bbb);
|
||||
}
|
||||
|
||||
|
@ -267,7 +267,7 @@ html:not(rl-mobile) {
|
|||
padding: 1px 5px;
|
||||
margin-right: 5px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
border-radius: var(--border-radius, 5px);
|
||||
}
|
||||
|
||||
.threadsCountParent.lastSelected {
|
||||
|
@ -281,7 +281,7 @@ html:not(rl-mobile) {
|
|||
}
|
||||
|
||||
.threads-len {
|
||||
border-radius: 6px;
|
||||
border-radius: var(--border-radius, 5px);
|
||||
border: 1px solid #ccc;
|
||||
font-size: 11px;
|
||||
padding: 0 2px;
|
||||
|
|
|
@ -7,13 +7,12 @@ html.rl-no-preview-pane {
|
|||
|
||||
#V-MailMessageView.focused .messageView {
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
|
||||
border-color: darken(@rlMainDarkColor, 5%);
|
||||
}
|
||||
|
||||
.messageView {
|
||||
background-color: #fff;
|
||||
border: 1px solid @rlMainDarkColor;
|
||||
border-radius: @rlMainBorderRadius;
|
||||
border: 1px solid var(--border-color, #aaa);
|
||||
border-radius: var(--border-radius, 5px);
|
||||
height: 100%;
|
||||
|
||||
.toolbar {
|
||||
|
@ -117,7 +116,7 @@ html.rl-no-preview-pane {
|
|||
|
||||
background-color: #f8f8f8;
|
||||
border-bottom: 1px solid var(--border-color, #bbb);
|
||||
border-radius: @rlMainBorderRadius @rlMainBorderRadius 0 0;
|
||||
border-radius: var(--border-radius, 5px) var(--border-radius, 5px) 0 0;
|
||||
padding: 10px;
|
||||
flex-shrink: 0;
|
||||
|
||||
|
@ -270,7 +269,7 @@ html.rl-no-preview-pane {
|
|||
color: #333;
|
||||
z-index: 2;
|
||||
cursor: pointer;
|
||||
border-radius: 5px;
|
||||
border-radius: var(--border-radius, 5px);
|
||||
opacity: 0.5;
|
||||
|
||||
&:hover {
|
||||
|
@ -435,7 +434,7 @@ html.rl-no-preview-pane {
|
|||
}
|
||||
|
||||
pre {
|
||||
border-radius: 5px;
|
||||
border-radius: var(--border-radius, 5px);
|
||||
display: block;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
@ -488,7 +487,7 @@ html.rl-no-preview-pane .messageView {
|
|||
left: 0;
|
||||
bottom: @rlBottomMargin;
|
||||
right: @rlBottomMargin;
|
||||
border: 1px solid @rlMainDarkColor;
|
||||
border: 1px solid var(--border-color, #aaa);
|
||||
box-shadow: @rlMainShadow;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -75,9 +75,9 @@
|
|||
height: calc(100% - 50px - @rlLowMargin - @rlLowMargin);
|
||||
|
||||
background-color: var(--settings-bg-clr, #fff);
|
||||
border: 1px solid @rlMainDarkColor;
|
||||
border: 1px solid var(--border-color, #aaa);
|
||||
box-shadow: @rlMainShadow;
|
||||
border-radius: @rlMainBorderRadius;
|
||||
border-radius: var(--border-radius, 5px);
|
||||
}
|
||||
|
||||
.firefox-drag #rl-settings-subscreen,
|
||||
|
|
|
@ -80,7 +80,7 @@
|
|||
}
|
||||
|
||||
pre {
|
||||
border-radius: 5px;
|
||||
border-radius: var(--border-radius, 5px);
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
}
|
||||
[data-rainloopErrorTip]::before {
|
||||
background: #fff;
|
||||
border-radius: 3px;
|
||||
border-radius: var(--input-border-radius, 3px);
|
||||
border: 1px solid #999;
|
||||
color: red;
|
||||
content: attr(data-rainloopErrorTip);
|
||||
|
|
|
@ -1,11 +1,7 @@
|
|||
|
||||
@rlLeftWidth: 200px;
|
||||
|
||||
@rlMainBorderRadius: 5px;
|
||||
|
||||
@rlMainShadow: 0 2px 8px rgba(0, 0, 0, 0.2);
|
||||
|
||||
@rlLowMargin: 8px;
|
||||
@rlBottomMargin: 5px;
|
||||
|
||||
@rlMainDarkColor: #aaa;
|
||||
|
|
|
@ -84,6 +84,7 @@
|
|||
--main-font-size: 14px;
|
||||
--link-color: #369;
|
||||
--border-color: var(--color-border);
|
||||
--border-radius: var(--border-radius);
|
||||
--hr-color: var(--color-border);
|
||||
|
||||
--warning-clr: var(--color-warning);
|
||||
|
|
|
@ -9,6 +9,7 @@
|
|||
--main-font-size: 14px;
|
||||
--link-color: #369;
|
||||
--border-color: #ddd;
|
||||
--border-radius: 5px;
|
||||
--hr-color: #eee;
|
||||
|
||||
--warning-clr: #c09853;
|
||||
|
|
Loading…
Reference in a new issue