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

Reduce more CSS

Browse source
This commit is contained in:
djmaze 2021-03-09 14:50:09 +01:00
parent eb9d2d8ddc
commit bc360eccf9
6 changed files with 28 additions and 72 deletions
Download patch file Download diff file Expand all files Collapse all files

43
dev/Styles/Components.less
View file

@ -4,24 +4,18 @@
left: 0;
width: 18px;
height: 18px;
border: solid 2px #999;
border: 2px solid #999;
transform: rotate(0deg);
}
.checkbox-mark-sizes() {
/* top: -4px;
left: 6px;
width: 10px;
height: 21px;*/
top: -1px;
left: 5px;
width: 10px;
height: 18px;
border-right-width: 2px;
border-bottom-width: 2px;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
@ -40,8 +34,7 @@
&.e-select {
select:focus {
outline: 1px;
outline-style: dotted;
outline: 1px dotted;
}
}
@ -54,8 +47,7 @@
cursor: pointer;
&:focus {
outline: 1px;
outline-style: dotted;
outline: 1px dotted;
}
.e-checkbox-icon {
@ -63,10 +55,9 @@
}
&.disabled {
cursor: default;
color: #999;
cursor: not-allowed;
opacity: 0.5;
outline: 0;
outline-style: none;
}
}
@ -75,8 +66,8 @@
cursor: pointer;
&.disabled {
cursor: default;
color: #999;
cursor: not-allowed;
opacity: 0.5;
}
}
}
@ -112,8 +103,6 @@
}
.sub-checkbox.checked {
border-top: none;
border-left: none;
border-color: #0F9D58;
.checkbox-mark-sizes();
@ -126,8 +115,6 @@
animation: box-shrink 140ms ease-out forwards;
}
&.checkmark {
border-left: none;
border-top: none;
animation: checkmark-expand 140ms ease-out forwards;
}
}
@ -137,24 +124,10 @@
animation: box-expand 140ms ease-out forwards;
}
&.checkmark {
border-left: none;
border-top: none;
transform: rotate(45deg);
animation: checkmark-shrink 140ms ease-out forwards;
}
}
&.disabled {
.sub-checkbox {
border-color: #aaa;
cursor: not-allowed;
color: #aaa;
}
.sub-label {
cursor: not-allowed;
color: #aaa;
}
}
}
}

12
dev/Styles/FolderList.less
View file

@ -66,11 +66,11 @@
hr {
margin: 10px;
border-top: 0 solid #000;
border-top: 0;
border-bottom: 1px solid #999;
}
.b-content .e-item {
.e-item {
overflow: hidden;
white-space: nowrap;
@ -173,16 +173,16 @@
font-weight: bold;
}
&.hidden {
display: none;
}
.e-collapsed-sign {
cursor: pointer;
vertical-align: inherit;
}
}
.hidden.e-link {
display: none;
}
.b-sub-folders.collapsed {
max-height: 0;
height: 0;

1
dev/Styles/MessageList.less
View file

@ -278,6 +278,7 @@ html.rl-no-preview-pane {
}
.senderParent, .subjectParent {
overflow: hidden;
white-space: nowrap;
}

20
dev/Styles/OpenPgpKey.less
View file

@ -4,12 +4,7 @@
}
}
.b-open-pgp-key-view-content, .b-open-pgp-key-generate-content, .b-open-pgp-key-add-content, .b-compose-open-pgp-content, .b-message-open-pgp-content {
.inputKey {
font-family: var(--fontMono);
}
.b-open-pgp-key-view-content {
.key-viewer {
max-height: 500px;
overflow: auto;
@ -94,8 +89,8 @@
margin-top: 10px;
min-height: 40px;
select option.even {
background-color: #f5f5f5;
select option:nth-child(even) {
background-color: rgba(128, 128, 128, 0.1);
}
}
}
@ -139,12 +134,11 @@
.b-open-pgp-key-add-content {
&.modal {
width: 645px;
}
.inputKey {
font-family: var(--fontMono);
width: 600px;
.inputKey {
width: 600px;
}
}
}