Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-09-03 14:37:02 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Cleanup some mobile modal screen sizes

Browse source 
And simplify the ko command bindinghandler to use CSS :enabled
This commit is contained in:
djmaze 2021-02-19 23:31:50 +01:00
parent f673344408
commit fe45179847
6 changed files with 12 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

5
dev/Styles/AdminDomain.less
View file

@ -18,15 +18,10 @@
position: relative;
overflow: hidden;
width: 1600px;
height: 400px;
left: 0;
transition: left 500ms ease;
}
&.domain-edit .modal-body {
height: 340px;
}
&.domain-second-page .modal-body {
left: -800px;
}

9
dev/Styles/Contacts.less
View file

@ -20,7 +20,9 @@
top: 0;
bottom: 0;
left: 0;
width: 900px;
width: auto;
min-width: 550px;
max-width: 900px;
min-height: 300px;
max-height: 700px;
@ -184,7 +186,7 @@
box-shadow: inset 0 -1px 0 #ccc;
.button-save-contact {
&.no-disabled.dirty {
&.dirty:enabled {
color: #51a351;
font-weight: bold;
}
@ -201,8 +203,7 @@
bottom: 60px;
left: @contacts-popup-left-width;
right: 0;
overflow: hidden;
overflow-y: auto;
overflow: auto;
background-color: #fff;
border-left: 1px solid #ddd;

27
dev/Styles/Layout.less
View file

@ -204,10 +204,6 @@ html:not(.rl-left-panel-disabled) #rl-left.resizable > .resizer,
#rl-sub-right {
left: 500px;
}
.b-contacts-content.modal {
width: 900px;
}
}
/* desktop */
@ -227,10 +223,6 @@ html:not(.rl-left-panel-disabled) #rl-left.resizable > .resizer,
#rl-sub-right {
left: 400px;
}
.b-contacts-content.modal {
width: 900px;
}
}
/* mobile and tablet */
@ -250,29 +242,10 @@ html:not(.rl-left-panel-disabled) #rl-left.resizable > .resizer,
#rl-sub-right {
left: 310px;
}
.b-contacts-content.modal {
width: 700px;
}
.b-contacts-content.modal {
.contactValueInput {
width: 200px;
}
}
}
/* tablet */
@media screen and (min-width: 768px) and (max-width: 999px) {
.b-contacts-content.modal {
width: 800px;
}
.b-contacts-content.modal {
.contactValueInput {
width: 250px;
}
}
}
.hidden-on-ctrl-btn,

6
dev/Styles/OpenPgpKey.less
View file

@ -1,9 +1,11 @@
#rl-popups {
.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 {
.b-open-pgp-key-view-content, .b-open-pgp-key-generate-content {
&.modal {
width: 570px;
}
}
.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);