the-djmaze/snappymail
1
1
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2024-12-31 03:52:01 +08:00
Code Issues Projects Releases Packages Wiki Activity

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
Show stats 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-left-radius: @rlMainBorderRadius;
border-top: 1px solid #bbb;
.e-quota {
display: inline-block;
@ -83,6 +84,7 @@ html.rl-no-preview-pane {
border-top-right-radius: @rlMainBorderRadius;
border-top-left-radius: @rlMainBorderRadius;
border-bottom: 1px solid #bbb;
.checkboxCkeckAll {
margin: 5px 0;
@ -98,23 +100,6 @@ html.rl-no-preview-pane {
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 {
position: absolute;
top: 50px;

4
dev/Styles/Ui.less
View file

@ -126,14 +126,14 @@
}
.settings-saved-trigger-input {
transition: border-color 0.5s linear;
&.success {
border-color: green !important;
transition: border-color 0.5s linear;
}
&.error {
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 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="btn-toolbar">
<!-- 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>
</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="content">
<div class="content-wrapper">
@ -179,7 +177,6 @@
</div>
</div>
</div>
<div class="mainDelimiter footerDelimiter"></div>
<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-bind="text: userUsageProc"></span>%