@rlMainBorderRadius to --border-radius: 5px;

This commit is contained in:
the-djmaze 2022-11-07 15:25:59 +01:00
parent 4ec7070ffa
commit 2705f16e44
17 changed files with 31 additions and 34 deletions

View file

@ -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;

View file

@ -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);

View file

@ -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;

View file

@ -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;

View file

@ -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 {

View file

@ -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;

View file

@ -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;

View file

@ -4,7 +4,7 @@
.e-signature-place {
border: 1px solid #ccc;
border-radius: 3px;
border-radius: var(--input-border-radius, 3px);
}
.textEmail {

View file

@ -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 */

View file

@ -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;

View file

@ -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;
}
}

View file

@ -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,

View file

@ -80,7 +80,7 @@
}
pre {
border-radius: 5px;
border-radius: var(--border-radius, 5px);
padding: 5px 10px;
}

View file

@ -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);

View file

@ -1,11 +1,7 @@
@rlLeftWidth: 200px;
@rlMainBorderRadius: 5px;
@rlMainShadow: 0 2px 8px rgba(0, 0, 0, 0.2);
@rlLowMargin: 8px;
@rlBottomMargin: 5px;
@rlMainDarkColor: #aaa;

View file

@ -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);

View file

@ -9,6 +9,7 @@
--main-font-size: 14px;
--link-color: #369;
--border-color: #ddd;
--border-radius: 5px;
--hr-color: #eee;
--warning-clr: #c09853;