Drop bootstrap modal.less by using <dialog> <header> and <footer>

https://snappymail.eu/demo/ updated for testing
This commit is contained in:
djmaze 2021-11-07 17:06:08 +01:00
parent 880d4a05e9
commit 6170de5aee
70 changed files with 1521 additions and 1709 deletions

View file

@ -1,29 +1,29 @@
:root {
// MAIN
/* MAIN */
--main-color: #fff;
--main-bg-color: #48525C;
--main-bg-image: url("images/background.jpg");
// LOADING
/* LOADING */
--loading-color: #ddd;
--loading-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
// LOGIN
/* LOGIN */
--login-color: #eee;
--login-bg-color: rgba(0,0,0,0.5);
--login-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
--login-border: none;
--login-border-radius: 7px;
// MENU
/* MENU */
--dropdown-menu-color: #333;
--dropdown-menu-bg-color: #fff;
--dropdown-menu-hover-bg-color: #48525C;
--dropdown-menu-hover-color: #eee;
--dropdown-menu-disable-color: #999;
// FOLDERS
/* FOLDERS */
--folders-color: #fff;
--folders-disabled-color: #aaa;
--folders-selected-color: #fff;
@ -35,14 +35,14 @@
--folders-drop-color: #fff;
--folders-drop-bg-color: rgba(0,0,0,0.5);
// SETTINGS
/* SETTINGS */
--settings-menu-color: #fff;
--settings-menu-selected-color: #fff;
--settings-menu-selected-bg-color: rgba(0,0,0,0.5);
--settings-menu-hover-color: #fff;
--settings-menu-hover-bg-color: rgba(0,0,0,0.5);
// MESSAGE LIST
/* MESSAGE LIST */
--message-list-toolbar-bg-color: #eee;
}
@ -72,31 +72,31 @@
}
.well,
.modal,
#rl-popups > dialog,
.b-settins-right .b-content,
.messageList,
.messageView,
.b-admin-right .b-content,
.b-compose .b-attachment-place {
#V-PopupsCompose .b-attachment-place {
background-color: #000;
border-color: #555;
color: var(--main-color);
}
.legend,
.modal-header, .modal-footer,
dialog header, dialog footer,
.table td, .table th {
border-color: #555 !important;
}
.legend,
.b-compose .b-header .e-identity,
#V-PopupsCompose .b-header .e-identity,
.messageView .messageItem {
color: var(--main-color);
}
.rl-mobile .squire-toolbar,
.b-compose .b-attachment-place.dragAndDropOver {
#V-PopupsCompose .b-attachment-place.dragAndDropOver {
background-color: #222;
}