Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-07-13 03:27:39 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: Improve mobile layout of contact popup

Browse source
This commit is contained in:
Rene Hampölz 2023-06-16 20:01:36 +00:00
parent e515163a90
commit c9c0d0d888
1 changed files with 45 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

46
snappymail/v/0.0.0/themes/NextcloudV25+/styles.css
View file

@ -2060,12 +2060,22 @@ html.rl-mobile #rl-app #V-AdminPane>.b-toolbar {
} }
#rl-app #V-PopupsContacts .b-view-content { #rl-app #V-PopupsContacts .b-view-content {
height: calc(100% - 72px);
margin-top: 20px; margin-top: 20px;
height: calc(100% - 72px);
overflow: hidden;
} }
#rl-app #V-PopupsContacts .b-list-content { #rl-app #V-PopupsContacts .b-list-content {
height: calc(100% - 35px - 72px); height: calc(100% - 35px - 72px);
border-bottom: 1px solid var(--nc-color-border);
}
#rl-app #V-PopupsContacts .tabs {
height: 100%;
}
#rl-app #V-PopupsContacts .tab-content {
overflow: auto;
} }
#rl-app #V-PopupsContacts .e-contact-item { #rl-app #V-PopupsContacts .e-contact-item {
@ -2110,6 +2120,40 @@ html.rl-mobile #rl-app #V-AdminPane>.b-toolbar {
border-color: inherit; border-color: inherit;
} }
@media screen and (max-width: 799px) {
.form-horizontal .control-group>label {
text-align: right;
}
}
@media screen and (max-width: 480px) {
#rl-app #V-PopupsContacts .modal-body {
flex-direction: column;
}
#rl-app #V-PopupsContacts .left {
max-width: unset;
height: 40%;
}
#rl-app #V-PopupsContacts .b-list-footer-toolbar {
display: none;
}
#rl-app #V-PopupsContacts .b-list-content {
height: calc(100% - 55px);
}
#rl-app #V-PopupsContacts .right {
height: 60%;
border-left: unset;
}
#rl-app #V-PopupsContacts .control-group {
margin-right: 1em;
}
}
/* #endregion */ /* #endregion */
/* #region popup compose */ /* #region popup compose */