Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-08-29 12:09:20 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Also convert template body-background-image to var()

Browse source 
And cleanup more CSS
This commit is contained in:
djmaze 2021-02-05 15:31:42 +01:00
parent d9bece04b2
commit 5e9941d58f
15 changed files with 46 additions and 207 deletions
Download patch file Download diff file Expand all files Collapse all files

40
dev/Styles/Compose.less
View file

@ -54,7 +54,7 @@
background-color: #333;
background-color: rgba(0,0,0,0.8) !important;
.close, .close-custom, .minimize-custom {
.close, .minimize-custom {
opacity: 1;
color: #fff;
border-color: #eee;
@ -145,44 +145,6 @@
color: red;
font-weight: bold;
}
.b-appachments {
.b-attacment {
line-height: 20px;
padding-bottom: 10px;
}
.b-attacment-in-process {
line-height: 20px;
padding-bottom: 10px;
.uploading {
display: none;
padding-right: 5px;
}
&.uploading .uploading {
display: inline;
}
.upload-progress {
font-weight: bold;
}
&.error .namedStr {
color: #888;
}
.error {
color: red;
}
.close, .close-custom {
float: left;
padding-right: 13px;
}
}
}
}
.cke_chrome {

2
dev/Styles/Contacts.less
View file

@ -40,7 +40,7 @@
background-color: #333;
background-color: rgba(0,0,0,0.8) !important;
.close, .close-custom {
.close {
color: #fff;
opacity: 1;
}

20
dev/Styles/Layout.less
View file

@ -6,13 +6,24 @@
background-position: center;
}
#rl-center, #rl-top, #rl-bottom, #rl-left, #rl-right {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 0;
margin: 0;
border: 0;
z-index: 0;
}
#rl-content {
height: 100%;
width: 100%;
}
#rl-center {
.g-ui-absolute-reset;
min-width: 600px;
min-height: 400px;
}
@ -34,21 +45,16 @@ html.rl-mobile {
}
#rl-top {
.g-ui-absolute-reset;
bottom: auto;
z-index: 2;
}
#rl-bottom {
.g-ui-absolute-reset;
top: auto;
z-index: 1;
}
#rl-left {
.g-ui-absolute-reset;
width: @rlLeftWidth;
min-width: 60px;
}
@ -117,8 +123,6 @@ html:not(.rl-left-panel-disabled) #rl-left.resizable > .resizer,
}
#rl-right {
.g-ui-absolute-reset;
z-index: 1;
left: @rlLeftWidth;
}

4
dev/Styles/Login.less
View file

@ -117,11 +117,11 @@
}
.e-mobile-switcher {
color: var(--powered-color, #333);
color: var(--login-switch-color, #333);
margin-top: 8px;
text-align: center;
a {
color: var(--powered-color, #333);
color: var(--login-switch-color, #333);
text-decoration: underline;
&:hover {
filter: brightness(1.5);

14
dev/Styles/Main.less
View file

@ -1,13 +1,21 @@
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html, body {
font-family: Arial, Verdana, Geneva, sans-serif;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
body {
background-color: var(--main-bg-color, #e3e3e3);
background-image: var(--main-bg-image);
background-size: var(--main-bg-size);
color: var(--main-color, #000);
@ -29,14 +37,10 @@ option:disabled {
cursor: not-allowed;
}
* {
*, select:focus {
outline: none;
}
select:focus {
outline: none;
}
html.mobile *, html.rl-mobile * {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

26
dev/Styles/MessageList.less
View file

@ -514,32 +514,6 @@ html.rl-no-preview-pane {
}
}
/*
&.hasParentMessage {
background-color: #ecf0f1;
.sidebarParent {
background-color: #bdc3c7;
}
&.focused .sidebarParent {
background-color: darken(#bdc3c7, 10%) !important;
}
&.unseen {
background-color: darken(#ecf0f1, 5%);
.sidebarParent {
background-color: darken(#bdc3c7, 30%);
}
&.focused .sidebarParent {
background-color: darken(#bdc3c7, 40%) !important;
}
}
}
*/
&.checked {
.sidebarParent {
background-color: lighten(#398CF2, 10%) !important;

17
dev/Styles/Ui.less
View file

@ -7,7 +7,7 @@
}
.g-ui-link {
color: #336699;
color: #369;
text-decoration: underline;
cursor: pointer;
padding: 2px;
@ -22,18 +22,6 @@
min-height: 300px;
}
.g-ui-absolute-reset {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 0;
margin: 0;
border: 0;
z-index: 0;
}
.g-ui-menu {
max-height: 400px;
max-width: 300px;
@ -167,7 +155,6 @@
}
}
html.mobile .hide-mobile,
.command.command-disabled.hide-on-disabled-command {
html.mobile .hide-mobile {
display:none;
}

24
dev/Styles/_BootstrapFix.less
View file

@ -7,18 +7,6 @@ label.inline, span.inline {
display: inline-block;
}
.close-custom {
.close;
}
button.close-custom {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.minimize-custom {
border: 0 solid #333;
border-bottom-width: 3px;
@ -274,18 +262,6 @@ select {
color: #555;
}
.modal.loginContent .modal-body, .modal.loginAdminContent .modal-body {
background-color: transparent !important;
}
.picker.modal-dialog-bg, .picker.picker-dialog-bg {
z-index: 2000 !important;
}
.picker.modal-dialog, .picker.picker-dialog {
z-index: 2001 !important;
}
.form-horizontal.long-label .control-group {
.control-label {
width: 160px;