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

Simplify CSS code

Browse source
This commit is contained in:
the-djmaze 2023-02-24 18:31:03 +01:00
parent f85e7b5dec
commit bc74ca34d3
19 changed files with 204 additions and 519 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -39,7 +39,7 @@
height: calc(100% - 50px - @rlLowMargin);
margin: 50px @rlLowMargin 0 0;
background-color: var(--settings-bg-clr, #fff);
background-color: var(--panel-bg-clr, #fff);
border: 1px solid var(--border-color, #aaa);
border-radius: var(--border-radius, 5px);
box-shadow: var(--smMainShadow);

20
dev/Styles/Login.less
View file

@ -10,10 +10,6 @@
z-index: 5;
}
@glass-color: #fff;
@glass-error-color: #f76260;
@glass-m-color: rgba(255, 255, 255, .8);
.LoginView {
.descWrapper {
@ -29,18 +25,18 @@
border: var(--login-border, 1px solid rgba(255, 255, 255, .2));
border-radius: var(--login-border-radius, 7px);
box-shadow: var(--login-box-shadow);
color: var(--login-color, @glass-m-color);
color: var(--login-color, rgba(255, 255, 255, .8));
margin: 0;
padding: 40px 40px 20px 40px;
position: relative;
* {
color: var(--login-color, @glass-m-color);
color: var(--login-color, rgba(255, 255, 255, .8));
}
.controls.error * {
color: @glass-error-color;
border-color: @glass-error-color;
color: #f76260;
border-color: #f76260;
}
&.submitting > * {
@ -77,17 +73,17 @@
padding-right: 30px;
&:placeholder {
color: @glass-color;
color: #fff;
}
&:focus, &:hover {
border-color: @glass-color;
border-color: #fff;
}
}
input, .btn {
background: none;
border: 1px solid @glass-m-color;
border: 1px solid rgba(255, 255, 255, .8);
}
.fontastic + input {
@ -107,7 +103,7 @@
font-size: 13px;
&:hover, &:active {
border-color: @glass-color;
border-color: #fff;
}
}

12
dev/Styles/Ui.less
View file

@ -158,18 +158,6 @@ summary.legend {
padding: 0 9px;
}
.alert a:not(.close) {
text-decoration: underline;
}
.alert.alert-info a:not(.close) {
color: var(--info-clr, #3a87ad);
}
.alert.alert-error a:not(.close) {
color: var(--error-clr, #b94a48);
}
@media screen and (max-width: @maxMobileWidth) {
.form-horizontal {
.control-group {

10
dev/Styles/User/Compose.less
View file

@ -45,7 +45,7 @@
padding-top: 50px;
text-align: center;
font-size: 24px;
color: #666;
opacity: 0.5;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
@ -131,18 +131,20 @@
top: 5px;
bottom: 5px;
border: 2px #777 dashed;
border: 2px var(--border-color, #ddd) dashed;
z-index: 300;
line-height: 119px;
text-align: center;
background-color: #efefef;
background-color: var(--dialog-bg-clr, #fff);
font-size: 24px;
border-radius: 10px;
opacity: 0.9;
&.dragAndDropOver {
background-color: #fff;
border-color: var(--main-color, #fff);
opacity: 1;
}
}
}

1
dev/Styles/User/FolderList.less
View file

@ -61,7 +61,6 @@
hr {
margin: 10px;
border-color: #999;
}
li {

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

@ -22,7 +22,7 @@
.messageList {
height: calc(100% - 60px);
background-color: #fff;
background-color: var(--panel-bg-clr, #fff);
border: 1px solid var(--border-color, #aaa);
border-radius: var(--border-radius, 5px);
display: flex;
@ -46,7 +46,7 @@
}
.b-footer {
display: flex;
display: flex;
flex-shrink: 0;
padding: 7px;

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

@ -37,7 +37,7 @@
}
.messageView {
background-color: #fff;
background-color: var(--panel-bg-clr, #fff);
border: 1px solid var(--border-color, #aaa);
border-radius: var(--border-radius, 5px);
height: calc(100% - 50px);
@ -126,7 +126,7 @@
.messageItemHeader {
background-color: #f8f8f8;
background-color: var(--message-header-bg-clr, #eee);
border-bottom: 1px solid var(--border-color, #bbb);
border-radius: var(--border-radius, 5px) var(--border-radius, 5px) 0 0;
padding: 10px;
@ -201,7 +201,6 @@
}
.openpgp-control {
margin: 0.5em;
padding: 0.5em;
span {
@ -234,9 +233,6 @@
display: none;
}
}
.b-text-part > iframe {
min-height: 50vh;
}
.thread-controls {
.dropdown-toggle {
@ -257,7 +253,6 @@
#messageItem {
color: #000;
height: 100%;
overflow: auto;
scroll-behavior: smooth;
@ -269,11 +264,13 @@
padding: 50px 0;
}
.bodySubHeader {
background-color: var(--message-header-bg-clr, #eee);
}
.bodySubHeader > * {
background-color: #eee;
border-bottom: 1px solid var(--border-color, #bbb);
cursor: pointer;
padding: 10px 15px;
padding: 10px;
}
.pgpInfo {
@ -286,14 +283,8 @@
}
}
.readReceipt {
background-color: #ffffd9;
}
.attachmentsPlace {
padding: 10px 10px 6px 10px;
background: #eee;
border-bottom: 1px solid var(--border-color, #bbb);
position: relative;
@ -323,7 +314,6 @@
.attachmentsControls {
padding: 7px 5px 7px 14px;
background: #e8e8e8;
border-bottom: 1px solid var(--border-color, #bbb);
}
.attachmentsControls > * {
@ -356,7 +346,7 @@
}
a {
color: blue;
color: var(--link-color, blue);
text-decoration: underline;
&:visited {

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

@ -35,7 +35,7 @@
padding:20px;
width: 100%;
background-color: var(--settings-bg-clr, #fff);
background-color: var(--panel-bg-clr, #fff);
border: 1px solid var(--border-color, #aaa);
border-radius: var(--border-radius, 5px);
box-shadow: var(--smMainShadow);