New actions on the left bar (closed #56)

This commit is contained in:
RainLoop Team 2014-02-08 02:35:48 +04:00
parent 126b55b2d5
commit ab07d102f9
11 changed files with 259 additions and 264 deletions

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 {
@ -1474,7 +1474,7 @@ table {
.icon-mail:before {
content: "\e062";
}
/** initial setup **/
.nano {
/*
@ -1591,7 +1591,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;
@ -1956,7 +1956,7 @@ img.mfp-img {
right: 0;
padding-top: 0; }
/* overlay at start */
.mfp-fade.mfp-bg {
@ -2002,7 +2002,7 @@ img.mfp-img {
-moz-transform: translateX(50px);
transform: translateX(50px);
}
.simple-pace {
-webkit-pointer-events: none;
pointer-events: none;
@ -2073,7 +2073,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;
@ -2141,7 +2141,7 @@ img.mfp-img {
box-shadow:none;
}
.inputosaurus-input-hidden { display:none; }
.flag-wrapper {
width: 24px;
height: 16px;
@ -2183,7 +2183,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;
@ -6309,10 +6309,19 @@ html.rl-no-preview-pane #rl-right .ui-resizable-handle {
padding: 10px 10px 0 8px;
color: #fff;
}
.b-folders .b-footer {
position: absolute;
bottom: 20px;
right: 0;
left: 0;
height: 20px;
padding: 0 10px 0 0;
z-index: 101;
}
.b-folders .b-content {
position: absolute;
top: 58px;
bottom: 13px;
bottom: 43px;
left: 0;
right: 0;
overflow: hidden;
@ -6326,11 +6335,11 @@ html.rl-no-preview-pane #rl-right .ui-resizable-handle {
border-top: 0px solid #000;
border-bottom: 1px solid #999;
}
.b-folders .e-item {
.b-folders .b-content .e-item {
overflow: hidden;
white-space: nowrap;
}
.b-folders .e-item .e-link {
.b-folders .b-content .e-item .e-link {
display: block;
position: relative;
z-index: 1;
@ -6347,36 +6356,36 @@ html.rl-no-preview-pane #rl-right .ui-resizable-handle {
outline: 0;
text-decoration: none;
}
.b-folders .e-item .e-link.selectable {
.b-folders .b-content .e-item .e-link.selectable {
color: #000;
cursor: pointer;
}
.b-folders .e-item .e-link.selectable:hover,
.b-folders .e-item .e-link.selectable.selected,
.b-folders .e-item .e-link.selectable.droppableHover {
.b-folders .b-content .e-item .e-link.selectable:hover,
.b-folders .b-content .e-item .e-link.selectable.selected,
.b-folders .b-content .e-item .e-link.selectable.droppableHover {
background-color: #555;
color: #fff;
}
.b-folders .e-item .e-link.system {
.b-folders .b-content .e-item .e-link.system {
cursor: default;
color: grey;
}
.b-folders .e-item .e-link .count {
.b-folders .b-content .e-item .e-link .count {
position: relative;
display: none;
margin-top: 5px;
line-height: 19px;
}
.b-folders .e-item .e-link.print-count {
.b-folders .b-content .e-item .e-link.print-count {
font-weight: bold;
}
.b-folders .e-item .e-link.print-count .count {
.b-folders .b-content .e-item .e-link.print-count .count {
display: inline;
}
.b-folders .e-item .e-link.unread-sub {
.b-folders .b-content .e-item .e-link.unread-sub {
font-weight: bold;
}
.b-folders .e-item .e-link .e-collapsed-sign {
.b-folders .b-content .e-item .e-link .e-collapsed-sign {
cursor: pointer;
width: 22px;
height: 30px;
@ -6384,10 +6393,10 @@ html.rl-no-preview-pane #rl-right .ui-resizable-handle {
text-align: center;
vertical-align: inherit;
}
.b-folders .e-item .hidden.e-link {
.b-folders .b-content .e-item .hidden.e-link {
display: none;
}
.b-folders .e-item .b-sub-folders.collapsed {
.b-folders .b-content .e-item .b-sub-folders.collapsed {
max-height: 0;
height: 0;
display: none;