mirror of
https://github.com/the-djmaze/snappymail.git
synced 2024-09-20 23:55:55 +08:00
125 lines
2.3 KiB
Plaintext
125 lines
2.3 KiB
Plaintext
/**
|
|
* 1. Correct the line height in all browsers.
|
|
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
|
*/
|
|
|
|
html.list-loading body {
|
|
/* cursor: wait;*/
|
|
cursor: progress;
|
|
}
|
|
|
|
@media screen and (min-width: 1000px) {
|
|
#rl-app {
|
|
background-image: var(--main-bg-image);
|
|
background-size: var(--main-bg-size);
|
|
background-repeat: var(--main-bg-repeat);
|
|
}
|
|
}
|
|
|
|
option:disabled {
|
|
color: #aaa;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
*, select:focus {
|
|
outline: none;
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
}
|
|
|
|
|
|
dialog::backdrop {
|
|
background: rgba(0,0,0,0.5);
|
|
}
|
|
.dialog-backdrop {
|
|
background: rgba(0,0,0,0.5);
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
|
|
dialog {
|
|
border: 0;
|
|
background-color: var(--dialog-bg-clr, #fff);
|
|
border: 1px solid var(--dialog-border-clr, rgba(0,0,0,.3));
|
|
border-radius: var(--dialog-border-radius, 6px);
|
|
box-shadow: 0 5px 80px rgba(0,0,0,0.3);
|
|
color: var(--dialog-clr, #333);
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: 10px auto;
|
|
max-height: calc(100vh - 20px);
|
|
max-width: 560px;
|
|
overflow: auto;
|
|
padding: 0;
|
|
position: fixed;
|
|
transition: all .2s ease-out;
|
|
top: 0;
|
|
width: calc(100% - 20px);
|
|
}
|
|
dialog:not([open]) {
|
|
display: none !important;
|
|
}
|
|
dialog.animate {
|
|
opacity: 1;
|
|
}
|
|
dialog:not(.animate) {
|
|
background-color: rgba(0,0,0,0);
|
|
opacity: 0;
|
|
top: -25%;
|
|
}
|
|
|
|
/**
|
|
* https://github.com/the-djmaze/snappymail/issues/686
|
|
@media screen and (max-width: 999px) {
|
|
*/
|
|
.rl-mobile dialog {
|
|
margin: 0 auto;
|
|
/* max-height: calc(100vh - 86px);*/
|
|
width: 100%;
|
|
}
|
|
|
|
dialog > header {
|
|
padding: 9px 15px;
|
|
border-bottom: 1px solid var(--border-color, #ddd);
|
|
|
|
// Close icon
|
|
.close {
|
|
margin-top: 2px;
|
|
}
|
|
|
|
// Heading
|
|
h3 {
|
|
margin: 0;
|
|
line-height: 30px;
|
|
}
|
|
}
|
|
|
|
// Body (where all modal content resides)
|
|
dialog .modal-body {
|
|
overflow: auto;
|
|
margin: 0;
|
|
padding: 15px;
|
|
position: relative;
|
|
}
|
|
|
|
// Footer (for actions)
|
|
dialog > footer {
|
|
padding: 14px 15px 15px;
|
|
margin-bottom: 0;
|
|
text-align: right; // right align buttons
|
|
border-top: 1px solid var(--border-color, #ddd);
|
|
border-radius: 0 0 var(--dialog-border-radius, 6px) var(--dialog-border-radius, 6px);
|
|
|
|
// Properly space out buttons
|
|
.btn + .btn {
|
|
margin-left: 5px;
|
|
margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
|
|
}
|
|
// but override that for button groups
|
|
.btn-group .btn + .btn {
|
|
margin-left: -1px;
|
|
}
|
|
}
|