the-djmaze/snappymail
1
1
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2024-09-20 07:35:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
dev/Styles/Admin/Domain.less
View file

@ -12,7 +12,7 @@
background-color: #f9f9f9; background-color: #f9f9f9;
padding: 8px; padding: 8px;
border: 1px solid #eee; border: 1px solid #eee;
border-radius: 3px; border-radius: var(--input-border-radius, 3px);
margin: -5px 0; margin: -5px 0;
i { i {
font-style: normal; font-style: normal;

4
dev/Styles/Admin/Layout.less
View file

@ -70,8 +70,8 @@
#rl-settings-subscreen { #rl-settings-subscreen {
background-color: var(--settings-bg-clr, #fff); background-color: var(--settings-bg-clr, #fff);
border: 1px solid @rlMainDarkColor; border: 1px solid var(--border-color, #aaa);
border-radius: @rlMainBorderRadius; border-radius: var(--border-radius, 5px);
box-shadow: @rlMainShadow; box-shadow: @rlMainShadow;
box-sizing: border-box; box-sizing: border-box;
height: calc(100% - 50px - @rlLowMargin - @rlLowMargin); height: calc(100% - 50px - @rlLowMargin - @rlLowMargin);

2
dev/Styles/Admin/Plugin.less
View file

@ -30,7 +30,7 @@
.help-block span { .help-block span {
background-color: #fff; background-color: #fff;
border: 1px solid #000; border: 1px solid #000;
border-radius: 3px; border-radius: var(--input-border-radius, 3px);
color: #000; color: #000;
display: none; display: none;
left: 2px; left: 2px;

2
dev/Styles/Languages.less
View file

@ -9,7 +9,7 @@
width: 180px; width: 180px;
background-color: rgba(128, 128, 128, 0.1); background-color: rgba(128, 128, 128, 0.1);
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 3px; border-radius: var(--input-border-radius, 3px);
position: relative; position: relative;
cursor: pointer; cursor: pointer;

2
dev/Styles/Main.less
View file

@ -117,7 +117,7 @@ dialog > footer {
margin-bottom: 0; margin-bottom: 0;
text-align: right; // right align buttons text-align: right; // right align buttons
border-top: 1px solid var(--border-color, #ddd); 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 // Properly space out buttons
.btn + .btn { .btn + .btn {

2
dev/Styles/User/Attachments.less
View file

@ -2,7 +2,7 @@
background-color: rgba(128, 128, 128, 0.1); background-color: rgba(128, 128, 128, 0.1);
border: 0; 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); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 1px 5px rgba(0, 0, 0, 0.1);
display: inline-block; display: inline-block;
list-style: none; list-style: none;

2
dev/Styles/User/EmailAddresses.less
View file

@ -26,7 +26,7 @@
.emailaddresses li[draggable] { .emailaddresses li[draggable] {
background-color: #eee; background-color: #eee;
border: 1px solid #aaa; 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; box-shadow: 0 1px 0 rgba(255,255,255,0.75) inset;
color: #555; color: #555;
cursor: default; cursor: default;

2
dev/Styles/User/Identity.less
View file

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

4
dev/Styles/User/Layout.less
View file

@ -128,7 +128,7 @@ html:not(.rl-left-panel-disabled) #rl-left > .resizer,
line-height: 30px; line-height: 30px;
background: rgba(0, 0, 0, .6); background: rgba(0, 0, 0, .6);
padding: 15px; padding: 15px;
border-radius: 5px; border-radius: var(--border-radius, 5px);
text-shadow: 0 1px 1px #000; text-shadow: 0 1px 1px #000;
transform: translateY(-50%); transform: translateY(-50%);
top: 50%; top: 50%;
@ -176,7 +176,7 @@ html.rl-side-preview-pane {
} }
.btn-group > .btn.single { .btn-group > .btn.single {
border-radius: 3px !important; border-radius: var(--input-border-radius, 3px) !important;
} }
/* desktop */ /* desktop */

16
dev/Styles/User/MessageList.less
View file

@ -25,8 +25,8 @@ html.rl-no-preview-pane {
.messageList { .messageList {
height: calc(100% - 50px); height: calc(100% - 50px);
background-color: #fff; background-color: #fff;
border: 1px solid @rlMainDarkColor; border: 1px solid var(--border-color, #aaa);
border-radius: @rlMainBorderRadius; border-radius: var(--border-radius, 5px);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -38,8 +38,8 @@ html.rl-no-preview-pane {
background-color: var(--message-list-toolbar-bg-color, #eee); background-color: var(--message-list-toolbar-bg-color, #eee);
// #gradient > .vertical(#f4f4f4, #dfdfdf); // #gradient > .vertical(#f4f4f4, #dfdfdf);
border-bottom-right-radius: @rlMainBorderRadius; border-bottom-right-radius: var(--border-radius, 5px);
border-bottom-left-radius: @rlMainBorderRadius; border-bottom-left-radius: var(--border-radius, 5px);
border-top: 1px solid var(--border-color, #bbb); border-top: 1px solid var(--border-color, #bbb);
.e-quota { .e-quota {
@ -72,8 +72,8 @@ html.rl-no-preview-pane {
background-color: var(--message-list-toolbar-bg-color, #eee); background-color: var(--message-list-toolbar-bg-color, #eee);
// #gradient > .vertical(#f4f4f4, #dfdfdf); // #gradient > .vertical(#f4f4f4, #dfdfdf);
border-top-right-radius: @rlMainBorderRadius; border-top-right-radius: var(--border-radius, 5px);
border-top-left-radius: @rlMainBorderRadius; border-top-left-radius: var(--border-radius, 5px);
border-bottom: 1px solid var(--border-color, #bbb); border-bottom: 1px solid var(--border-color, #bbb);
} }
@ -267,7 +267,7 @@ html:not(rl-mobile) {
padding: 1px 5px; padding: 1px 5px;
margin-right: 5px; margin-right: 5px;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 5px; border-radius: var(--border-radius, 5px);
} }
.threadsCountParent.lastSelected { .threadsCountParent.lastSelected {
@ -281,7 +281,7 @@ html:not(rl-mobile) {
} }
.threads-len { .threads-len {
border-radius: 6px; border-radius: var(--border-radius, 5px);
border: 1px solid #ccc; border: 1px solid #ccc;
font-size: 11px; font-size: 11px;
padding: 0 2px; padding: 0 2px;

13
dev/Styles/User/MessageView.less
View file

@ -7,13 +7,12 @@ html.rl-no-preview-pane {
#V-MailMessageView.focused .messageView { #V-MailMessageView.focused .messageView {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
border-color: darken(@rlMainDarkColor, 5%);
} }
.messageView { .messageView {
background-color: #fff; background-color: #fff;
border: 1px solid @rlMainDarkColor; border: 1px solid var(--border-color, #aaa);
border-radius: @rlMainBorderRadius; border-radius: var(--border-radius, 5px);
height: 100%; height: 100%;
.toolbar { .toolbar {
@ -117,7 +116,7 @@ html.rl-no-preview-pane {
background-color: #f8f8f8; background-color: #f8f8f8;
border-bottom: 1px solid var(--border-color, #bbb); 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; padding: 10px;
flex-shrink: 0; flex-shrink: 0;
@ -270,7 +269,7 @@ html.rl-no-preview-pane {
color: #333; color: #333;
z-index: 2; z-index: 2;
cursor: pointer; cursor: pointer;
border-radius: 5px; border-radius: var(--border-radius, 5px);
opacity: 0.5; opacity: 0.5;
&:hover { &:hover {
@ -435,7 +434,7 @@ html.rl-no-preview-pane {
} }
pre { pre {
border-radius: 5px; border-radius: var(--border-radius, 5px);
display: block; display: block;
padding: 5px 10px; padding: 5px 10px;
} }
@ -488,7 +487,7 @@ html.rl-no-preview-pane .messageView {
left: 0; left: 0;
bottom: @rlBottomMargin; bottom: @rlBottomMargin;
right: @rlBottomMargin; right: @rlBottomMargin;
border: 1px solid @rlMainDarkColor; border: 1px solid var(--border-color, #aaa);
box-shadow: @rlMainShadow; box-shadow: @rlMainShadow;
} }
} }

4
dev/Styles/User/Settings.less
View file

@ -75,9 +75,9 @@
height: calc(100% - 50px - @rlLowMargin - @rlLowMargin); height: calc(100% - 50px - @rlLowMargin - @rlLowMargin);
background-color: var(--settings-bg-clr, #fff); background-color: var(--settings-bg-clr, #fff);
border: 1px solid @rlMainDarkColor; border: 1px solid var(--border-color, #aaa);
box-shadow: @rlMainShadow; box-shadow: @rlMainShadow;
border-radius: @rlMainBorderRadius; border-radius: var(--border-radius, 5px);
} }
.firefox-drag #rl-settings-subscreen, .firefox-drag #rl-settings-subscreen,

2
dev/Styles/User/SquireUI.less
View file

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

2
dev/Styles/_End.less
View file

@ -4,7 +4,7 @@
} }
[data-rainloopErrorTip]::before { [data-rainloopErrorTip]::before {
background: #fff; background: #fff;
border-radius: 3px; border-radius: var(--input-border-radius, 3px);
border: 1px solid #999; border: 1px solid #999;
color: red; color: red;
content: attr(data-rainloopErrorTip); content: attr(data-rainloopErrorTip);

4
dev/Styles/_Values.less
View file

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

1
integrations/nextcloud/snappymail/app/themes/Nextcloud/styles.css
View file

@ -84,6 +84,7 @@
--main-font-size: 14px; --main-font-size: 14px;
--link-color: #369; --link-color: #369;
--border-color: var(--color-border); --border-color: var(--color-border);
--border-radius: var(--border-radius);
--hr-color: var(--color-border); --hr-color: var(--color-border);
--warning-clr: var(--color-warning); --warning-clr: var(--color-warning);

1
snappymail/v/0.0.0/themes/example.css
View file

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