Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-08-30 04:29:21 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improved the (User|Admin) Settings screens

Browse source
This commit is contained in:
djmaze 2021-11-07 21:19:48 +01:00
parent 6170de5aee
commit 5b0dd471bc
37 changed files with 948 additions and 1009 deletions
Download patch file Download diff file Expand all files Collapse all files

2
dev/Styles/Admin/About.less
View file

@ -1,5 +1,5 @@
.b-admin-about {
#V-Settings-About {
.rl-logo {
display: inline-block;
width: 250px;

2
dev/Styles/Admin/Branding.less
View file

@ -1,4 +1,4 @@
.b-admin-branding {
#V-Settings-Branding {
}

3
dev/Styles/Admin/General.less
View file

@ -1,5 +1,4 @@
.b-admin-general {
#V-Settings-General {
}

31
dev/Styles/Admin/Layout.less
View file

@ -49,7 +49,8 @@
left: @rlLeftWidth;
}
.b-admin-right {
#V-AdminPane {
height: 100%;
.b-toolbar {
position: absolute;
@ -67,23 +68,6 @@
flex-grow: 1;
}
}
.b-content {
position: absolute;
top: 50px + @rlLowMargin;
bottom: @rlLowMargin;
left: 0;
right: @rlLowMargin;
overflow-y: auto;
z-index: 2;
background-color: #fff;
border: 1px solid @rlMainDarkColor;
box-shadow: @rlMainShadow;
border-radius: @rlMainBorderRadius;
}
}
.btn.btn-logout {
@ -92,7 +76,18 @@
}
#rl-settings-subscreen {
margin: (50px + @rlLowMargin) @rlLowMargin @rlLowMargin 0;
overflow-y: auto;
padding: 20px;
box-sizing: border-box;
height: calc(100% - 50px - @rlLowMargin - @rlLowMargin);
background-color: #fff;
border: 1px solid @rlMainDarkColor;
box-shadow: @rlMainShadow;
border-radius: @rlMainBorderRadius;
}
/* desktop */

2
dev/Styles/Admin/Packages.less
View file

@ -1,5 +1,5 @@
.b-admin-packages {
#V-Settings-Packages {
.alert {
width: 650px;

4
dev/Styles/User/Layout.less
View file

@ -153,10 +153,6 @@ html.rl-side-preview-pane {
}
}
#rl-settings-subscreen {
padding:20px;
}
.dropdown-menu {
max-height: 60vh;
max-width: 90vw;

40
dev/Styles/User/Settings.less
View file

@ -1,5 +1,5 @@
.b-settins-left {
#V-SettingsMenu {
.b-footer {
position: absolute;
@ -46,9 +46,10 @@
}
}
.b-settins-right {
#V-SettingsPane {
height: 100%;
.b-toolbar {
.btn-toolbar {
position: absolute;
top: 0;
right: 0;
@ -58,33 +59,32 @@
color: #fff;
}
.b-content {
position: absolute;
top: 50px;
bottom: @rlLowMargin;
left: 0;
right: @rlLowMargin;
overflow-y: auto;
z-index: 2;
scroll-behavior: smooth;
background-color: #fff;
border: 1px solid @rlMainDarkColor;
box-shadow: @rlMainShadow;
border-radius: @rlMainBorderRadius;
}
td {
padding: 4px 8px;
line-height: 30px;
}
}
#rl-settings-subscreen {
margin: 50px @rlLowMargin @rlLowMargin 0;
overflow-y: auto;
scroll-behavior: smooth;
padding:20px;
box-sizing: border-box;
height: calc(100% - 50px - @rlLowMargin - @rlLowMargin);
background-color: #fff;
border: 1px solid @rlMainDarkColor;
box-shadow: @rlMainShadow;
border-radius: @rlMainBorderRadius;
}
html.rl-mobile #rl-settings-subscreen > * {
margin-right: 15px;
}
.firefox-drag .b-settins-right .b-content,
.firefox-drag #rl-settings-subscreen,
.firefox-drag .modal-body {
overflow: hidden;
}

2
dev/Styles/User/SettingsAccounts.less
View file

@ -1,5 +1,5 @@
.b-settings-accounts {
#V-Settings-Accounts {
.account-name {
display: inline-block;

2
dev/Styles/User/SettingsFilters.less
View file

@ -5,7 +5,7 @@
}
#V-PopupsSieveScript .filter-item,
.b-settings-filters .script-item {
#V-Settings-Filters .script-item {
white-space: nowrap;
}

2
dev/Styles/User/SettingsFolders.less
View file

@ -1,5 +1,5 @@
.b-settings-folders {
#V-Settings-Folders {
.folders-list-error {
margin: 10px 0;

2
dev/Styles/User/SettingsGeneral.less
View file

@ -1,5 +1,5 @@
.b-settings-general {
#V-Settings-General {
.editMainIdentity {
border-bottom: 1px dashed #555;
cursor: pointer;

2
dev/Styles/User/SettingsOpenPGP.less
View file

@ -1,5 +1,5 @@
.b-settings-open-pgp {
V-Settings-OpenPgp {
td + td {
width: 1%;