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

Cleanup messagelist design

Browse source
This commit is contained in:
djmaze 2021-02-10 12:13:17 +01:00
parent 8c780ad353
commit 354337f174
3 changed files with 5 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

19
dev/Styles/MessageList.less
View file

@ -32,6 +32,7 @@ html.rl-no-preview-pane {
border-bottom-right-radius: @rlMainBorderRadius; border-bottom-right-radius: @rlMainBorderRadius;
border-bottom-left-radius: @rlMainBorderRadius; border-bottom-left-radius: @rlMainBorderRadius;
border-top: 1px solid #bbb;
.e-quota { .e-quota {
display: inline-block; display: inline-block;
@ -83,6 +84,7 @@ html.rl-no-preview-pane {
border-top-right-radius: @rlMainBorderRadius; border-top-right-radius: @rlMainBorderRadius;
border-top-left-radius: @rlMainBorderRadius; border-top-left-radius: @rlMainBorderRadius;
border-bottom: 1px solid #bbb;
.checkboxCkeckAll { .checkboxCkeckAll {
margin: 5px 0; margin: 5px 0;
@ -98,23 +100,6 @@ html.rl-no-preview-pane {
top: 50px; top: 50px;
} }
.mainDelimiter {
position: absolute;
left: 0;
right: 0;
height: 1px;
z-index: 101;
background-color: #bbb;
}
.toolbarDelimiter {
top: 49px;
}
.footerDelimiter {
bottom: 44px;
}
.b-content { .b-content {
position: absolute; position: absolute;
top: 50px; top: 50px;

4
dev/Styles/Ui.less
View file

@ -126,14 +126,14 @@
} }
.settings-saved-trigger-input { .settings-saved-trigger-input {
transition: border-color 0.5s linear;
&.success { &.success {
border-color: green !important; border-color: green !important;
transition: border-color 0.5s linear;
} }
&.error { &.error {
border-color: red !important; border-color: red !important;
transition: border-color 0.5s linear;
} }
} }

5
snappymail/v/0.0.0/app/templates/Views/User/MailMessageList.html
View file

@ -1,6 +1,6 @@
<div id="rl-sub-left"> <div id="rl-sub-left">
<div class="messageList g-ui-user-select-none" <div class="messageList g-ui-user-select-none"
data-bind="css: {'message-selected': isMessageSelected, 'message-focused': !messageListFocused(), 'loading': messageListCompleteLoadingThrottle, 'hideMessageListCheckbox': !useCheckboxesInList() }"> data-bind="css: {'message-selected': isMessageSelected, 'message-focused': !messageListFocused(), 'hideMessageListCheckbox': !useCheckboxesInList() }">
<div class="toolbar"> <div class="toolbar">
<div class="btn-toolbar"> <div class="btn-toolbar">
<!-- ko if: allowFolders && mobile --> <!-- ko if: allowFolders && mobile -->
@ -140,8 +140,6 @@
<i class="checkboxCkeckAll" data-bind="css: checkAll() ? (isIncompleteChecked() ? 'icon-checkbox-partial' : 'icon-checkbox-checked') : 'icon-checkbox-unchecked'"></i> <i class="checkboxCkeckAll" data-bind="css: checkAll() ? (isIncompleteChecked() ? 'icon-checkbox-partial' : 'icon-checkbox-checked') : 'icon-checkbox-unchecked'"></i>
</div> </div>
</div> </div>
<div class="line-loading e-strip-animation" data-bind="visible: messageListCompleteLoadingThrottle"></div>
<div class="mainDelimiter toolbarDelimiter"></div>
<div class="b-content" data-bind="initDom: dragOverBodyArea"> <div class="b-content" data-bind="initDom: dragOverBodyArea">
<div class="content"> <div class="content">
<div class="content-wrapper"> <div class="content-wrapper">
@ -179,7 +177,6 @@
</div> </div>
</div> </div>
</div> </div>
<div class="mainDelimiter footerDelimiter"></div>
<div class="b-footer thm-message-list-bottom-toolbar"> <div class="b-footer thm-message-list-bottom-toolbar">
<span data-tooltip-i18n="off" data-bind="visible: 0 < userUsageProc(), tooltip: quotaTooltip" class="e-quota"> <span data-tooltip-i18n="off" data-bind="visible: 0 < userUsageProc(), tooltip: quotaTooltip" class="e-quota">
<span data-bind="text: userUsageProc"></span>% <span data-bind="text: userUsageProc"></span>%