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

Improved focused styling

Browse source
This commit is contained in:
djmaze 2021-07-21 21:54:07 +02:00
parent 5590fd4860
commit b16b184ac9
6 changed files with 14 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

10
dev/Styles/User/MessageList.less
View file

@ -198,13 +198,9 @@ html.rl-no-preview-pane {
} }
} }
&.message-focused { &.focused .b-message-list-wrapper {
.b-message-list-wrapper { background-color: #000;
background-color: #000; border-color: #9d9d9d;
}
.b-content {
opacity: 0.97;
}
} }
} }

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

@ -458,7 +458,7 @@
} }
} }
&.message-focused .b-content { &.focused .b-content {
z-index: 101; z-index: 101;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
border-color: darken(@rlMainDarkColor, 5%); border-color: darken(@rlMainDarkColor, 5%);

6
dev/View/User/MailBox/MessageList.js
View file

@ -838,8 +838,10 @@ export class MessageListMailBoxUserView extends AbstractViewRight {
return false; return false;
}); });
shortcuts.add('tab,arrowright', '', Scope.MessageList, () => { shortcuts.add('tab,arrowright', '', Scope.MessageList, () => {
MessageUserStore.message() && AppUserStore.focusedState(Scope.MessageView); if (MessageUserStore.message()){
return false; AppUserStore.focusedState(Scope.MessageView);
return false;
}
}); });
shortcuts.add('arrowleft', 'meta', Scope.MessageView, ()=>false); shortcuts.add('arrowleft', 'meta', Scope.MessageView, ()=>false);

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

@ -1,5 +1,5 @@
<div id="rl-sub-left" class="messageList g-ui-user-select-none" <div id="rl-sub-left" class="messageList g-ui-user-select-none"
data-bind="css: {'message-selected': isMessageSelected, 'message-focused': !messageListFocused() }"> data-bind="css: {'message-selected': isMessageSelected, 'focused': messageListFocused() }">
<div class="toolbar"> <div class="toolbar">
<div class="btn-toolbar"> <div class="btn-toolbar">
<a class="btn btn-thin-2 fontastic show-mobile" data-bind="click: hideLeft, visible: !leftPanelDisabled()">❮</a> <a class="btn btn-thin-2 fontastic show-mobile" data-bind="click: hideLeft, visible: !leftPanelDisabled()">❮</a>

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

@ -1,5 +1,5 @@
<div id="rl-sub-right"> <div id="rl-sub-right">
<div class="messageView" data-bind="css: {'message-selected': isMessageSelected, 'message-focused': messageFocused}"> <div class="messageView" data-bind="css: {'message-selected': isMessageSelected, 'focused': messageFocused}">
<div class="toolbar top-toolbar g-ui-user-select-none"> <div class="toolbar top-toolbar g-ui-user-select-none">
<div class="messageButtons btn-toolbar"> <div class="messageButtons btn-toolbar">
<div class="btn-group" data-i18n="[title]GLOBAL/CLOSE"> <div class="btn-group" data-i18n="[title]GLOBAL/CLOSE">

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

@ -144,3 +144,7 @@
.b-admin-about .rl-logo { .b-admin-about .rl-logo {
filter: drop-shadow(0 0 1px #FFF); filter: drop-shadow(0 0 1px #FFF);
} }
.b-folders .e-item a.focused {
background-color: #111;
}