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

Improved admin layout

Browse source
This commit is contained in:
djmaze 2021-11-08 00:18:40 +01:00
parent e8daff85bc
commit 98b5989b44
5 changed files with 19 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

8
dev/Styles/Admin/Domain.less
View file

@ -1,9 +1,5 @@
#V-PopupsDomainAlias { #V-PopupsDomainAlias {
max-width: 330px; max-width: 330px;
.error-desc {
color: red;
}
} }
#V-PopupsDomain { #V-PopupsDomain {
@ -24,10 +20,6 @@
} }
} }
.error-desc {
color: red;
}
.testing-done { .testing-done {
color: green !important; color: green !important;
} }

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

@ -1,22 +1,18 @@
.UserBackground body { .UserBackground body {
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
} }
#rl-left, #rl-right { #rl-content {
position: absolute; display:flex;
top: 0; height: 100%;
right: 0;
bottom: 0;
left: 0;
padding: 0;
margin: 0;
border: 0;
z-index: 0;
} }
#rl-left { #rl-left {
flex-grow: 0;
flex-shrink: 0;
overflow: auto; overflow: auto;
padding-top: 50px + @rlLowMargin + 10px; padding-top: 50px + @rlLowMargin + 10px;
width: @rlLeftWidth; width: @rlLeftWidth;
@ -45,14 +41,14 @@
} }
#rl-right { #rl-right {
flex-grow: 1;
z-index: 1; z-index: 1;
left: @rlLeftWidth;
} }
#V-AdminPane { #V-AdminPane {
height: 100%; height: 100%;
.b-toolbar { > .b-toolbar {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
@ -76,18 +72,15 @@
} }
#rl-settings-subscreen { #rl-settings-subscreen {
background-color: #fff;
border: 1px solid @rlMainDarkColor;
border-radius: @rlMainBorderRadius;
box-shadow: @rlMainShadow;
box-sizing: border-box;
height: calc(100% - 50px - @rlLowMargin - @rlLowMargin);
margin: (50px + @rlLowMargin) @rlLowMargin @rlLowMargin 0; margin: (50px + @rlLowMargin) @rlLowMargin @rlLowMargin 0;
overflow-y: auto; overflow-y: auto;
padding: 20px; 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 */ /* desktop */
@ -102,10 +95,6 @@
#rl-left { #rl-left {
width: @rlLeftWidth + 20; width: @rlLeftWidth + 20;
} }
#rl-right {
left: @rlLeftWidth + 20;
}
} }
/* mobile and tablet */ /* mobile and tablet */
@ -114,16 +103,13 @@
padding: 10px; padding: 10px;
} }
html:not(.rl-left-panel-disabled) #rl-right { #rl-right {
right: 5-@rlLeftWidth; min-width: calc(100% - @rlLowMargin);
} }
html.rl-left-panel-disabled { html.rl-left-panel-disabled {
#rl-left { #rl-left {
width: 0 !important; width: 0;
}
#rl-right {
left: 5px !important;
} }
} }
} }

2
snappymail/v/0.0.0/app/templates/Views/Admin/PopupsDomain.html
View file

@ -12,7 +12,7 @@
<br /> <br />
<input type="text" class="span4" autofocus="" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" <input type="text" class="span4" autofocus="" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="textInput: name" /> data-bind="textInput: name" />
<div class="error-desc" data-bind="visible: '' !== savingError(), text: savingError"></div> <div class="alert-error" data-bind="visible: '' !== savingError(), text: savingError"></div>
</div> </div>
<div class="span5 domain-desc" data-bind="visible: '' !== domainDesc(), html: domainDesc"></div> <div class="span5 domain-desc" data-bind="visible: '' !== domainDesc(), html: domainDesc"></div>
</div> </div>

4
snappymail/v/0.0.0/app/templates/Views/Admin/PopupsDomainAlias.html
View file

@ -13,9 +13,7 @@
size: 4 size: 4
} }
}"></div> }"></div>
<div data-bind="visible: '' !== savingError()"> <div class="alert-error" data-bind="visible: '' !== savingError(), text: savingError"></div>
<span class="error-desc" data-bind="text: savingError"></span>
</div>
</div> </div>
</div> </div>
<div class="control-group"> <div class="control-group">

1
snappymail/v/0.0.0/themes/SquaresDark/styles.css
View file

@ -141,7 +141,6 @@ dialog header, dialog footer,
.tabs [id^="tab"]:checked + label { .tabs [id^="tab"]:checked + label {
background: linear-gradient(#555 0%, #000 100%); background: linear-gradient(#555 0%, #000 100%);
color: #000;
} }
input, textarea, .select, select, .emailaddresses { input, textarea, .select, select, .emailaddresses {