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 admin settings mobile layout

Browse source
This commit is contained in:
Rene Hampölz 2023-06-15 11:38:24 +00:00
parent d3609d04e4
commit d0b00887b4
1 changed files with 57 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -956,6 +956,13 @@ input[type="checkbox"] {
border-color: var(--nc-color-primary-element); border-color: var(--nc-color-primary-element);
} }
@media screen and (max-width: 480px) {
#rl-app .tabs>label>i,
#rl-app .tabs>label::before {
display: none;
}
}
/* #endregion */ /* #endregion */
/* #region table */ /* #region table */
@ -1051,6 +1058,10 @@ html.rl-left-panel-disabled #rl-app #rl-left {
width: 65px !important; width: 65px !important;
} }
html.rl-mobile.rl-left-panel-disabled #rl-app #rl-left {
width: 0px !important;
}
#rl-app #rl-right { #rl-app #rl-right {
background-color: var(--nc-color-main-background); background-color: var(--nc-color-main-background);
} }
@ -1886,7 +1897,7 @@ html.sm-msgView-bottom #rl-app .messageView {
#rl-app #V-AdminPane { #rl-app #V-AdminPane {
margin: 8px 0px; margin: 8px 0px;
height: calc(100% - 8px - 8px); height: calc(100% - 2*8px);
background-color: unset; background-color: unset;
box-shadow: none; box-shadow: none;
border: none; border: none;
@ -1896,10 +1907,23 @@ html.sm-msgView-bottom #rl-app .messageView {
width: 300px; width: 300px;
} }
html.rl-mobile #rl-app #V-AdminPane {
margin: 60px 0px 8px 0px;
height: calc(100% - 60px - 8px);
}
html.rl-mobile #rl-app #V-AdminPane>.b-toolbar {
width: unset;
}
#rl-app #V-Settings-Config th { #rl-app #V-Settings-Config th {
background-color: var(--nc-color-background-dark); background-color: var(--nc-color-background-dark);
} }
#rl-app #V-Settings-Config em {
word-break: break-word;
}
#rl-app #V-Settings-General label[data-i18n="TAB_GENERAL/LABEL_ATTACHMENT_SIZE_LIMIT"] { #rl-app #V-Settings-General label[data-i18n="TAB_GENERAL/LABEL_ATTACHMENT_SIZE_LIMIT"] {
align-self: self-start; align-self: self-start;
} }
@ -1912,6 +1936,33 @@ html.sm-msgView-bottom #rl-app .messageView {
margin-left: 1rem; margin-left: 1rem;
} }
@media screen and (max-width: 1024px) {
#rl-app #V-AdminPane table {
width: 100%;
}
#rl-app #V-AdminPane [class*="span"] {
width: unset;
}
}
@media screen and (max-width: 480px) {
#rl-app #V-Settings-Config .table {
border-collapse: collapse;
}
#rl-app #V-Settings-Config .table tr {
border-top: 10px solid transparent;
}
#rl-app #V-Settings-Config .table td,
#rl-app #V-Settings-Config .table th {
display: block;
border-style: solid;
border-width: 1px 0px;
}
}
/* #endregion */ /* #endregion */
/* #region popup */ /* #region popup */
@ -1970,6 +2021,11 @@ html.sm-msgView-bottom #rl-app .messageView {
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
} }
#rl-app dialog .modal-body {
padding-left: 0;
padding-right: 0;
}
} }
#rl-app #V-PopupsOpenPgpImport textarea { #rl-app #V-PopupsOpenPgpImport textarea {