mirror of
https://github.com/the-djmaze/snappymail.git
synced 2026-09-01 13:39:22 +03:00
Added export contacts (csv)
Interface optimizations
This commit is contained in:
RainLoop Team
parent
c248292f07
commit
7552ffe241
25 changed files with 526 additions and 290 deletions
|
|
@ -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 {
|
||||
|
|
@ -1498,7 +1498,13 @@ table {
|
|||
.icon-cloud-down:before {
|
||||
content: "\e068";
|
||||
}
|
||||
|
||||
.icon-import:before {
|
||||
content: "\e069";
|
||||
}
|
||||
.icon-export:before {
|
||||
content: "\e06a";
|
||||
}
|
||||
|
||||
/** initial setup **/
|
||||
.nano {
|
||||
/*
|
||||
|
|
@ -1615,7 +1621,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;
|
||||
|
|
@ -1980,7 +1986,7 @@ img.mfp-img {
|
|||
right: 0;
|
||||
padding-top: 0; }
|
||||
|
||||
|
||||
|
||||
|
||||
/* overlay at start */
|
||||
.mfp-fade.mfp-bg {
|
||||
|
|
@ -2026,7 +2032,7 @@ img.mfp-img {
|
|||
-moz-transform: translateX(50px);
|
||||
transform: translateX(50px);
|
||||
}
|
||||
|
||||
|
||||
.simple-pace {
|
||||
-webkit-pointer-events: none;
|
||||
pointer-events: none;
|
||||
|
|
@ -2097,7 +2103,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;
|
||||
|
|
@ -2165,7 +2171,7 @@ img.mfp-img {
|
|||
box-shadow:none;
|
||||
}
|
||||
.inputosaurus-input-hidden { display:none; }
|
||||
|
||||
|
||||
.flag-wrapper {
|
||||
width: 24px;
|
||||
height: 16px;
|
||||
|
|
@ -2209,7 +2215,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;
|
||||
|
|
@ -7023,47 +7029,79 @@ html.ssm-state-desktop #rl-sub-left {
|
|||
html.ssm-state-desktop #rl-sub-right {
|
||||
left: 400px;
|
||||
}
|
||||
html.ssm-state-tablet #rl-left {
|
||||
width: 160px;
|
||||
html.ssm-state-desktop .b-compose.modal {
|
||||
width: 1000px;
|
||||
}
|
||||
html.ssm-state-tablet #rl-right {
|
||||
left: 160px;
|
||||
}
|
||||
html.ssm-state-tablet #rl-sub-left {
|
||||
width: 350px;
|
||||
}
|
||||
html.ssm-state-tablet #rl-sub-left .messageList .inputSearch {
|
||||
width: 220px;
|
||||
}
|
||||
html.ssm-state-tablet #rl-sub-right {
|
||||
left: 350px;
|
||||
}
|
||||
html.ssm-state-tablet .b-compose.modal {
|
||||
width: 800px;
|
||||
}
|
||||
html.ssm-state-tablet .b-contacts-content.modal {
|
||||
width: 800px;
|
||||
html.ssm-state-desktop .b-contacts-content.modal {
|
||||
width: 1000px;
|
||||
}
|
||||
html.ssm-state-tablet #rl-left,
|
||||
html.ssm-state-mobile #rl-left {
|
||||
width: 155px;
|
||||
}
|
||||
html.ssm-state-tablet #rl-right,
|
||||
html.ssm-state-mobile #rl-right {
|
||||
left: 155px;
|
||||
}
|
||||
html.ssm-state-tablet #rl-sub-left,
|
||||
html.ssm-state-mobile #rl-sub-left {
|
||||
width: 310px;
|
||||
}
|
||||
html.ssm-state-tablet #rl-sub-left .messageList .inputSearch,
|
||||
html.ssm-state-mobile #rl-sub-left .messageList .inputSearch {
|
||||
width: 200px;
|
||||
}
|
||||
html.ssm-state-tablet #rl-sub-right,
|
||||
html.ssm-state-mobile #rl-sub-right {
|
||||
left: 310px;
|
||||
}
|
||||
html.ssm-state-tablet .b-compose.modal,
|
||||
html.ssm-state-mobile .b-compose.modal {
|
||||
width: 800px;
|
||||
width: 700px;
|
||||
}
|
||||
html.ssm-state-tablet .b-contacts-content.modal,
|
||||
html.ssm-state-mobile .b-contacts-content.modal {
|
||||
width: 800px;
|
||||
width: 600px;
|
||||
}
|
||||
html.ssm-state-tablet .b-contacts-content.modal .b-list-toopbar,
|
||||
html.ssm-state-mobile .b-contacts-content.modal .b-list-toopbar,
|
||||
html.ssm-state-tablet .b-contacts-content.modal .b-list-content,
|
||||
html.ssm-state-mobile .b-contacts-content.modal .b-list-content,
|
||||
html.ssm-state-tablet .b-contacts-content.modal .b-list-footer-toopbar,
|
||||
html.ssm-state-mobile .b-contacts-content.modal .b-list-footer-toopbar {
|
||||
width: 150px;
|
||||
}
|
||||
html.ssm-state-tablet .b-contacts-content.modal .b-list-toopbar .e-search,
|
||||
html.ssm-state-mobile .b-contacts-content.modal .b-list-toopbar .e-search {
|
||||
width: 125px;
|
||||
}
|
||||
html.ssm-state-tablet .b-contacts-content.modal .b-view-content,
|
||||
html.ssm-state-mobile .b-contacts-content.modal .b-view-content {
|
||||
left: 150px;
|
||||
}
|
||||
html.ssm-state-tablet .b-contacts-content.modal .contactValueInput,
|
||||
html.ssm-state-mobile .b-contacts-content.modal .contactValueInput {
|
||||
width: 200px;
|
||||
}
|
||||
html.ssm-state-tablet .b-compose.modal {
|
||||
width: 700px;
|
||||
}
|
||||
html.ssm-state-tablet .b-contacts-content.modal {
|
||||
width: 700px;
|
||||
}
|
||||
html.ssm-state-tablet .b-contacts-content.modal .b-list-toopbar,
|
||||
html.ssm-state-tablet .b-contacts-content.modal .b-list-content,
|
||||
html.ssm-state-tablet .b-contacts-content.modal .b-list-footer-toopbar {
|
||||
width: 200px;
|
||||
}
|
||||
html.ssm-state-tablet .b-contacts-content.modal .b-list-toopbar .e-search {
|
||||
width: 175px;
|
||||
}
|
||||
html.ssm-state-tablet .b-contacts-content.modal .b-view-content {
|
||||
left: 200px;
|
||||
}
|
||||
html.ssm-state-tablet .b-contacts-content.modal .contactValueInput {
|
||||
width: 250px;
|
||||
}
|
||||
html.rl-left-panel-disabled #rl-left {
|
||||
width: 5px !important;
|
||||
|
|
@ -7115,9 +7153,9 @@ html.rl-no-preview-pane #rl-right .ui-resizable-handle {
|
|||
width: 100%;
|
||||
height: 2px;
|
||||
z-index: 102;
|
||||
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
|
||||
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
|
||||
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
|
||||
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.nano:before {
|
||||
top: -2px;
|
||||
|
|
@ -8337,10 +8375,10 @@ html.rl-message-fullscreen .messageView .b-content .buttonFull {
|
|||
display: none;
|
||||
}
|
||||
.b-contacts-content .control-group .control-label.fix-width {
|
||||
width: 90px;
|
||||
width: 50px;
|
||||
}
|
||||
.b-contacts-content .control-group .controls.fix-width {
|
||||
margin-left: 110px;
|
||||
margin-left: 70px;
|
||||
}
|
||||
.b-contacts-content.modal {
|
||||
position: absolute;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue