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,13 +1,10 @@
.b-compose {
&.modal {
display: flex;
flex-direction: column;
height: calc(100% - 52px);
max-width: 1000px;
width: 98%;
}
#V-PopupsCompose {
display: flex;
flex-direction: column;
height: calc(100% - 52px);
max-width: 1000px;
width: 98%;
.modal-body {
padding: 0;
@ -32,22 +29,23 @@
border-top: 1px solid #ccc;
overflow-y: auto;
padding: 10px;
.no-attachments-desc {
padding-top: 50px;
text-align: center;
font-size: 24px;
color: #666;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.attachmentList {
margin: 0;
padding: 10px;
}
}
.b-header-toolbar {
.attachmentName {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.no-attachments-desc {
padding-top: 50px;
text-align: center;
font-size: 24px;
color: #666;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
header {
background-color: rgba(0,0,0,0.8);
@ -160,7 +158,7 @@
}
@media screen and (max-width: 999px) {
.b-compose.modal {
#V-PopupsCompose {
border: 0;
width: 100%;
}