Simplify CSS code

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

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

View file

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

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;

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 {

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