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

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

View file

@ -161,6 +161,10 @@
height: 100%;
}
&.focused .sidebarParent {
background-color: #aaa;
}
&.deleted {
max-height: 0px;
border-color: transparent !important;
@ -213,15 +217,24 @@
.sidebarParent {
background-color: #69A8F5;
}
&.focused .sidebarParent {
background-color: darken(#69A8F5, 5%) !important;
}
}
&.selected {
background-color: #fff;
z-index: 102;
.sidebarParent {
background-color: #398CF2;
}
&.focused .sidebarParent {
background-color: darken(#398CF2, 5%) !important;
}
}
}
}

View file

@ -229,6 +229,10 @@ html.rl-no-preview-pane {
height: 100%;
}
&.focused .sidebarParent {
background-color: #aaa !important;
}
&.e-single-line {
height: 35px;
}
@ -409,6 +413,10 @@ html.rl-no-preview-pane {
.sidebarParent {
background-color: orange;
}
&.focused .sidebarParent {
background-color: darken(orange, 10%) !important;
}
}
&.hasUnseenSubMessage {
@ -416,6 +424,9 @@ html.rl-no-preview-pane {
.sidebarParent {
background-color: lighten(orange, 30%);
}
&.focused .sidebarParent {
background-color: darken(orange, 10%) !important;
}
}
&.hasParentMessage {
@ -425,11 +436,20 @@ html.rl-no-preview-pane {
background-color: #bdc3c7;
}
&.focused .sidebarParent {
background-color: darken(#bdc3c7, 10%) !important;
}
&.unseen {
background-color: darken(#ecf0f1, 5%);
.sidebarParent {
background-color: darken(#bdc3c7, 30%);
}
&.focused .sidebarParent {
background-color: darken(#bdc3c7, 40%) !important;
}
}
}
@ -437,6 +457,10 @@ html.rl-no-preview-pane {
.sidebarParent {
background-color: lighten(#398CF2, 10%) !important;
}
&.focused .sidebarParent {
background-color: darken(#398CF2, 5%) !important;
}
}
&.selected {
@ -447,6 +471,10 @@ html.rl-no-preview-pane {
background-color: #398CF2 !important;
}
&.focused .sidebarParent {
background-color: darken(#398CF2, 5%) !important;
}
.delimiter {
background-color: #398CF2;
.opacity(20);
@ -483,7 +511,7 @@ html.rl-no-preview-pane {
background-color: #000;
}
.b-content {
.opacity(98);
.opacity(97);
}
}