Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-09-04 15:07:02 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve dark mode for message attachments

Browse source
This commit is contained in:
djmaze 2021-02-24 01:54:27 +01:00
parent a1f4daff3a
commit ae3bab4b35
4 changed files with 9 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

6
dev/Styles/Attachmnets.less
View file

@ -11,6 +11,7 @@
line-height: 24px; line-height: 24px;
border: 0; border: 0;
background-color: #fff; background-color: #fff;
color: #333;
box-shadow: 0 1px 4px #ccc; box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
@ -40,7 +41,7 @@
.attachmentSize { .attachmentSize {
font-size: 12px; font-size: 12px;
color: #999; opacity: 0.5;
} }
&.error { &.error {
@ -54,7 +55,6 @@
position: absolute; position: absolute;
height: 56px; height: 56px;
width: 60px; width: 60px;
background: none;
text-align: center; text-align: center;
.iconProgress { .iconProgress {
@ -88,8 +88,6 @@
cursor: pointer; cursor: pointer;
color: #333;
background: #fafafa;
border-left: 1px solid #ddd; border-left: 1px solid #ddd;
} }

3
dev/Styles/MessageList.less
View file

@ -121,8 +121,7 @@ html.rl-no-preview-pane {
left: 0; left: 0;
right: 0; right: 0;
padding: 0; padding: 0;
overflow-x: hidden; overflow: auto;
overflow-y: auto;
z-index: 101; z-index: 101;
scroll-behavior: smooth; scroll-behavior: smooth;

12
snappymail/v/0.0.0/app/templates/Views/User/MailMessageView.html
View file

@ -264,9 +264,9 @@
<div class="attachmentsPlace" data-bind="visible: message() && message().attachments().hasVisible(), <div class="attachmentsPlace" data-bind="visible: message() && message().attachments().hasVisible(),
css: {'selection-mode' : showAttachmnetControls, 'unselectedAttachmentsError': highlightUnselectedAttachments}"> css: {'selection-mode' : showAttachmnetControls, 'unselectedAttachmentsError': highlightUnselectedAttachments}">
<ul class="attachmentList" data-bind="foreach: message() ? message().attachments() : []"> <ul class="attachmentList" data-bind="foreach: message() ? message().attachments() : []">
<li class="attachmentItem clearfix" draggable="true" <li class="attachmentItem" draggable="true"
data-bind="visible: !isLinked, event: { 'dragstart': eventDragStart }, attr: { 'title': fileName }, css: {'checked': checked}"> data-bind="visible: !isLinked, event: { 'dragstart': eventDragStart }, attr: { 'title': fileName }, css: {'checked': checked}">
<div class="attachmentIconParent pull-left" data-bind="css: { 'hasPreview': hasPreview(), 'hasPreplay': hasPreplay(), 'isImage': isImage() }"> <div class="attachmentIconParent" data-bind="css: { 'hasPreview': hasPreview(), 'hasPreplay': hasPreplay(), 'isImage': isImage() }">
<div class="hidePreview"> <div class="hidePreview">
<div class="iconMain"> <div class="iconMain">
<i class="attachmentIcon attachmentMainIcon" data-bind="css: iconClass()"></i> <i class="attachmentIcon attachmentMainIcon" data-bind="css: iconClass()"></i>
@ -291,12 +291,8 @@
</div> </div>
</div> </div>
<div class="attachmentNameParent"> <div class="attachmentNameParent">
<div style="white-space: nowrap; text-overflow: ellipsis; overflow: hidden;"> <div style="white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="attachmentName" data-bind="text: fileName"></div>
<span class="attachmentName" data-bind="text: fileName"></span>&nbsp; <div class="attachmentSize" data-bind="text: friendlySize"></div>
</div>
<div>
<span class="attachmentSize" data-bind="text: friendlySize"></span>&nbsp;
</div>
</div> </div>
<div class="checkboxAttachment fontastic" <div class="checkboxAttachment fontastic"
data-bind="text: checked() ? '☑' : '☐', data-bind="text: checked() ? '☑' : '☐',

3
snappymail/v/0.0.0/themes/SquaresDark/styles.less
View file

@ -114,7 +114,8 @@
.messageView .b-content .messageItem .pgpSigned, .messageView .b-content .messageItem .pgpSigned,
.messageView .b-content .messageItem .readReceipt, .messageView .b-content .messageItem .readReceipt,
.messageView .b-content .messageItem .showImages, .messageView .b-content .messageItem .showImages,
.messageView .b-content .messageItem .attachmentsPlace { .messageView .b-content .messageItem .attachmentsPlace,
.messageView .b-content .messageItem .attachmentsControls {
background-color: #222; background-color: #222;
border-bottom-color: #444; border-bottom-color: #444;
} }