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

A new way to move in message list (message focused state).

Browse source 
Delete/Move optimizations.
Display next message after deletion (Closes #120)
Scrolling in message view (Closes #109)
This commit is contained in:
RainLoop Team 2014-04-08 20:08:16 +04:00
parent a96e1d80c3
commit 0b30bac43f
17 changed files with 784 additions and 431 deletions
Download patch file Download diff file Expand all files Collapse all files

52
rainloop/v/0.0.0/static/css/app.css
View file

@ -637,7 +637,7 @@
border-radius: 8px;
}
/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
/* =============================================================================
@ -1142,7 +1142,7 @@ table {
border-collapse: collapse;
border-spacing: 0;
}
@charset "UTF-8";
@font-face {
@ -1483,7 +1483,7 @@ table {
.icon-filter:before {
content: "\e063";
}
/** initial setup **/
.nano {
/*
@ -1600,7 +1600,7 @@ table {
.nano > .pane2:hover > .slider2, .nano > .pane2.active > .slider2 {
background-color: rgba(0, 0, 0, 0.4);
}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
@ -1965,7 +1965,7 @@ img.mfp-img {
right: 0;
padding-top: 0; }
/* overlay at start */
.mfp-fade.mfp-bg {
@ -2011,7 +2011,7 @@ img.mfp-img {
-moz-transform: translateX(50px);
transform: translateX(50px);
}
.simple-pace {
-webkit-pointer-events: none;
pointer-events: none;
@ -2082,7 +2082,7 @@ img.mfp-img {
@keyframes simple-pace-stripe-animation {
0% { transform: none; transform: none; }
100% { transform: translate(-32px, 0); transform: translate(-32px, 0); }
}
}
.inputosaurus-container {
background-color:#fff;
border:1px solid #bcbec0;
@ -2150,7 +2150,7 @@ img.mfp-img {
box-shadow:none;
}
.inputosaurus-input-hidden { display:none; }
.flag-wrapper {
width: 24px;
height: 16px;
@ -2194,7 +2194,7 @@ img.mfp-img {
.flag.flag-pt-br {background-position: -192px -11px}
.flag.flag-cn, .flag.flag-zh-tw, .flag.flag-zh-cn, .flag.flag-zh-hk {background-position: -208px -22px}
/* RainLoop Webmail (c) RainLoop Team | Licensed under CC BY-NC-SA 3.0 */
.clearfix {
*zoom: 1;
@ -6843,6 +6843,9 @@ html.rl-no-preview-pane .messageList.message-selected {
float: left;
height: 100%;
}
.messageList .b-content .messageListItem.focused .sidebarParent {
background-color: #aaa !important;
}
.messageList .b-content .messageListItem.e-single-line {
height: 35px;
}
@ -6999,27 +7002,42 @@ html.rl-no-preview-pane .messageList.message-selected {
.messageList .b-content .messageListItem.unseen .sidebarParent {
background-color: orange;
}
.messageList .b-content .messageListItem.unseen.focused .sidebarParent {
background-color: #cc8400 !important;
}
.messageList .b-content .messageListItem.hasUnseenSubMessage {
background-color: #FFFFD9;
}
.messageList .b-content .messageListItem.hasUnseenSubMessage .sidebarParent {
background-color: #ffdb99;
}
.messageList .b-content .messageListItem.hasUnseenSubMessage.focused .sidebarParent {
background-color: #cc8400 !important;
}
.messageList .b-content .messageListItem.hasParentMessage {
background-color: #ecf0f1;
}
.messageList .b-content .messageListItem.hasParentMessage .sidebarParent {
background-color: #bdc3c7;
}
.messageList .b-content .messageListItem.hasParentMessage.focused .sidebarParent {
background-color: #a1aab0 !important;
}
.messageList .b-content .messageListItem.hasParentMessage.unseen {
background-color: #dde4e6;
}
.messageList .b-content .messageListItem.hasParentMessage.unseen .sidebarParent {
background-color: #6c777f;
}
.messageList .b-content .messageListItem.hasParentMessage.unseen.focused .sidebarParent {
background-color: #545e64 !important;
}
.messageList .b-content .messageListItem.checked .sidebarParent {
background-color: #69a8f5 !important;
}
.messageList .b-content .messageListItem.checked.focused .sidebarParent {
background-color: #217ef0 !important;
}
.messageList .b-content .messageListItem.selected {
background-color: #DFEFFF;
z-index: 102;
@ -7027,6 +7045,9 @@ html.rl-no-preview-pane .messageList.message-selected {
.messageList .b-content .messageListItem.selected .sidebarParent {
background-color: #398CF2 !important;
}
.messageList .b-content .messageListItem.selected.focused .sidebarParent {
background-color: #217ef0 !important;
}
.messageList .b-content .messageListItem.selected .delimiter {
background-color: #398CF2;
opacity: 0.2;
@ -7055,8 +7076,8 @@ html.rl-no-preview-pane .messageList.message-selected {
background-color: #000;
}
.messageList.message-focused .b-content {
opacity: 0.98;
filter: alpha(opacity=98);
opacity: 0.97;
filter: alpha(opacity=97);
}
.messageList.hideMessageListCheckbox .checkedParent,
.messageList.hideMessageListCheckbox .checkboxCkeckAll {
@ -7595,6 +7616,9 @@ html.rl-message-fullscreen .messageView .b-content .buttonFull {
float: left;
height: 100%;
}
.b-contacts-content.modal .b-list-content .e-contact-item.focused .sidebarParent {
background-color: #aaa;
}
.b-contacts-content.modal .b-list-content .e-contact-item.deleted {
max-height: 0px;
border-color: transparent !important;
@ -7641,6 +7665,9 @@ html.rl-message-fullscreen .messageView .b-content .buttonFull {
.b-contacts-content.modal .b-list-content .e-contact-item.checked .sidebarParent {
background-color: #69A8F5;
}
.b-contacts-content.modal .b-list-content .e-contact-item.checked.focused .sidebarParent {
background-color: #519af3 !important;
}
.b-contacts-content.modal .b-list-content .e-contact-item.selected {
background-color: #fff;
z-index: 102;
@ -7648,6 +7675,9 @@ html.rl-message-fullscreen .messageView .b-content .buttonFull {
.b-contacts-content.modal .b-list-content .e-contact-item.selected .sidebarParent {
background-color: #398CF2;
}
.b-contacts-content.modal .b-list-content .e-contact-item.selected.focused .sidebarParent {
background-color: #217ef0 !important;
}
.b-contacts-content.modal .b-view-content {
position: absolute;
top: 0;