mirror of
https://github.com/the-djmaze/snappymail.git
synced 2026-08-29 12:09:20 +03:00
Merge branch 'master' into UserMailTemplates
# Conflicts: # dev/App/User.js # dev/Common/Enums.js # dev/Screen/User/Settings.js # dev/Settings/Admin/General.js # snappymail/v/0.0.0/app/libraries/RainLoop/Actions.php # snappymail/v/0.0.0/app/libraries/RainLoop/Actions/Admin.php # snappymail/v/0.0.0/app/libraries/RainLoop/Actions/User.php
This commit is contained in:
djmaze
commit
f7f56b3789
794 changed files with 96444 additions and 74188 deletions
|
|
@ -1,8 +1,8 @@
|
|||
.b-advanced-search-content {
|
||||
&.modal {
|
||||
max-width: 780px;
|
||||
}
|
||||
.control-label {
|
||||
#V-PopupsAdvancedSearch {
|
||||
|
||||
max-width: 780px;
|
||||
|
||||
label {
|
||||
width: 110px;
|
||||
}
|
||||
.span4 {
|
||||
|
|
|
|||
|
|
@ -12,10 +12,6 @@
|
|||
|
||||
@media screen and (min-width: 1000px) {
|
||||
|
||||
.button-delete-transitions {
|
||||
transition: all 0.2s linear;
|
||||
}
|
||||
|
||||
.b-folders li .anim-action-class {
|
||||
animation: highlight-folder-row 0.5s linear;
|
||||
}
|
||||
|
|
@ -34,7 +30,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.b-compose.loading .b-header-toolbar {
|
||||
#V-PopupsCompose header.loading {
|
||||
background-size: 60px 60px;
|
||||
background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
|
||||
transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
|
||||
|
|
|
|||
|
|
@ -11,9 +11,6 @@
|
|||
line-height: 24px;
|
||||
border: 0;
|
||||
background-color: rgba(128, 128, 128, 0.1);
|
||||
|
||||
box-shadow: 0 1px 4px #ccc;
|
||||
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 1px 5px rgba(0, 0, 0, 0.1);
|
||||
|
||||
border-radius: 3px;
|
||||
|
|
@ -23,8 +20,6 @@
|
|||
}
|
||||
|
||||
&.checked {
|
||||
box-shadow: 0 1px 4px #00a;
|
||||
box-shadow: 0 1px 5px rgba(0, 0, 255, 0.3);
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 255, 0.1), 0 1px 5px rgba(0, 0, 255, 0.2);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,52 +1,66 @@
|
|||
|
||||
.b-compose {
|
||||
.mailvelope-icon {
|
||||
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACjElEQVQ4y2XTXWjVdRgH8M/vf457OUVJzc7U5myWmysrFROKjFyUgqasEsNIrFFetC5KYkXMdVP0chne1MVWUBGWnlAKcogLJmiGXciUkaPtHPYSWumo6XbOv4v/afbyXP14+H6/z8vv+Qb/iNijEdFK4p1Yh1sQ4WccJe4h9Ae54t+ccJW88VpSb+NZdZWVmm+muR4xgwVODzM0dQWfEb0Q7L80KxDbmCH6irDO82uCHZvIVJMfT9Tn11Askevlnd7YdOk4xYeCg5PpBBG9R2gB9bXkjrD/GIXLSYlsBetX0NZK/cLgue41pLrxeIhtuZP4R6uyvPoEVdUcOMKH3/tf3FXDx6/x6de89W1MfH+qS2MnxdVynYyeZzDPM1sYHeH2LJMX2XAHjTfSN8zkOO1P8v6hQLQgjRZLarlhLk/vxTW0b6XjKaoqmJomjslUsrqPjn28tIOVi/lh+O4Ii61dQmEs2WnrUobHad3DR4eoruCxPXz+DQ+sSDAD51jbBDdFYKZ0dc4Hl5EvkJ/itiwjBfKXqath4tfyn8ekEmqEIf3nWJBFKRml/3QCzFzH4VPl/Dy+G0jyyxroOwMTafT6aazJxUlefpjXe7gwnbTa2c0v5ff5C2y+l/saSQdODCGcSnVpzJPaJT0ZtG+j9ySDvyeVfpvhSpwInDzL8vnJZb7yAaN/ILSl3nB2vEtTjRP5eyzKsHs7188wMZaQ5wQWVbFpFQ31bN/L6J+wL8i9W77Emd2kb9XxxSMK48HW9WzbwMhYsrDaeZRKfHkYUYzjlHb+x0ytVRTfxC51ldWaF7K0jjkpzuQZmDXTJxRfDA5e+pdAIrI5Il5OaEMLGsqYsp31EI4FB2bt/Bf/WNuibWZY5gAAAABJRU5ErkJggg==') center/contain no-repeat;
|
||||
display: inline-block;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
}
|
||||
|
||||
&.modal {
|
||||
width: 98%;
|
||||
max-width: 1000px;
|
||||
min-height: calc(100% - 52px);
|
||||
}
|
||||
#V-PopupsCompose {
|
||||
height: calc(100vh - 52px);
|
||||
max-width: 1000px;
|
||||
width: 98%;
|
||||
|
||||
.modal-body {
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.textAreaParent, .attachmentAreaParent {
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
min-height: 200px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.textAreaParent {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.attachmentAreaParent {
|
||||
border-top: 1px solid #ccc;
|
||||
overflow-y: auto;
|
||||
padding: 10px;
|
||||
|
||||
.no-attachments-desc {
|
||||
padding-top: 50px;
|
||||
text-align: center;
|
||||
font-size: 24px;
|
||||
color: #666;
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
.attachmentList {
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.b-header-toolbar {
|
||||
.attachmentName {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.no-attachments-desc {
|
||||
padding-top: 50px;
|
||||
text-align: center;
|
||||
font-size: 24px;
|
||||
color: #666;
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
header {
|
||||
|
||||
background-color: rgba(0,0,0,0.8);
|
||||
|
||||
.close, .minimize-custom {
|
||||
opacity: 1;
|
||||
color: #fff;
|
||||
border-color: #eee;
|
||||
|
||||
float: none;
|
||||
font-size: 24px;
|
||||
line-height: 24px;
|
||||
opacity: 1;
|
||||
line-height: 28px;
|
||||
margin-left: .7em;
|
||||
}
|
||||
|
||||
.btn.disabled {
|
||||
|
|
@ -59,13 +73,13 @@
|
|||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.button-close, .button-skip {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.disabled.button-delete {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.pull-right * {
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
|
||||
.b-header {
|
||||
|
|
@ -73,37 +87,35 @@
|
|||
padding: 10px;
|
||||
background-color: rgba(128,128,128,0.2);;
|
||||
|
||||
.e-identity {
|
||||
|
||||
color: var(--main-color);
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
|
||||
&.multiply {
|
||||
cursor: pointer;
|
||||
border-bottom: 1px dashed var(--main-color);
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.e-row {
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.e-label {
|
||||
text-align: right;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
|
||||
.e-value {
|
||||
|
||||
td {
|
||||
vertical-align: baseline;
|
||||
padding: 2px 0;
|
||||
}
|
||||
td:first-child {
|
||||
padding: 0 10px 0 0;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
textarea, input[type="text"] {
|
||||
width: 100%;
|
||||
}
|
||||
textarea {
|
||||
height: 40px;
|
||||
}
|
||||
#identity-toggle {
|
||||
color: var(--main-color);
|
||||
margin-left: 6px;
|
||||
text-decoration: none;
|
||||
}
|
||||
#identity-toggle::after {
|
||||
content: '▼';
|
||||
}
|
||||
|
||||
textarea, input[type="text"] {
|
||||
width: 100%;
|
||||
}
|
||||
textarea {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.error-desc {
|
||||
|
|
@ -145,7 +157,7 @@
|
|||
}
|
||||
|
||||
@media screen and (max-width: 999px) {
|
||||
.b-compose.modal {
|
||||
#V-PopupsCompose {
|
||||
border: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
|
@ -155,18 +167,7 @@
|
|||
border: 0 solid #333;
|
||||
border-bottom-width: 3px;
|
||||
display: inline-block;
|
||||
float: right;
|
||||
height: 20px;
|
||||
width: 16px;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
line-height: 20px;
|
||||
margin-right: 15px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 700px) {
|
||||
.b-compose .b-header .e-label {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,26 +1,24 @@
|
|||
|
||||
@contacts-popup-left-width: 25%;
|
||||
|
||||
.RL-PopupsContacts {
|
||||
#V-PopupsContacts {
|
||||
|
||||
bottom: 0;
|
||||
width: auto;
|
||||
min-width: 550px;
|
||||
max-width: 900px;
|
||||
min-height: 300px;
|
||||
max-height: 700px;
|
||||
|
||||
.control-group {
|
||||
.control-label {
|
||||
label {
|
||||
padding-top: 0;
|
||||
width: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
.modal {
|
||||
bottom: 0;
|
||||
width: auto;
|
||||
min-width: 550px;
|
||||
max-width: 900px;
|
||||
min-height: 300px;
|
||||
max-height: 700px;
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
height: calc(100% - 49px);
|
||||
height: calc(100vh - 49px);
|
||||
padding: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
|
@ -66,7 +64,6 @@
|
|||
.listClear {
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
font-size: 14px;
|
||||
line-height: 13px;
|
||||
box-shadow: inset 0 -1px 0 #ccc;
|
||||
}
|
||||
|
|
@ -78,12 +75,6 @@
|
|||
font-size: 24px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
&.hideContactListCheckbox {
|
||||
.checkboxItem {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.e-contact-item {
|
||||
|
|
@ -265,3 +256,11 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
html:not(rl-mobile) {
|
||||
.hideContactListCheckbox {
|
||||
.checkboxItem {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -13,7 +13,6 @@
|
|||
}
|
||||
|
||||
.emailaddresses.emailaddresses-focused {
|
||||
background-color: #fff;
|
||||
border: 1px solid darken(@inputBorder, 20%);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
|
@ -72,7 +71,7 @@
|
|||
height: auto;
|
||||
line-height: inherit;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
padding: 4px;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
.b-filter-content {
|
||||
#V-PopupsFilter {
|
||||
|
||||
width: 750px;
|
||||
max-width: 750px;
|
||||
|
||||
.button-delete {
|
||||
cursor: pointer;
|
||||
|
|
|
|||
|
|
@ -4,6 +4,12 @@
|
|||
|
||||
.b-folders {
|
||||
|
||||
> * {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
}
|
||||
|
|
@ -24,10 +30,7 @@
|
|||
}
|
||||
|
||||
.b-toolbar {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
height: 30px;
|
||||
padding: 10px 0 0 @rlLowMargin;
|
||||
color: #fff;
|
||||
|
|
@ -35,10 +38,7 @@
|
|||
}
|
||||
|
||||
.b-footer {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
height: 30px;
|
||||
padding: 0 10px 0 5px;
|
||||
z-index: 101;
|
||||
|
|
@ -48,11 +48,8 @@
|
|||
}
|
||||
|
||||
.b-content {
|
||||
position: absolute;
|
||||
top: 50px + @rlLowMargin;
|
||||
bottom: 32px + @rlLowMargin + @rlBottomMargin;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 50px + @rlLowMargin;
|
||||
overflow: hidden;
|
||||
overflow-y: auto;
|
||||
min-width: 100px;
|
||||
|
|
@ -60,8 +57,7 @@
|
|||
|
||||
hr {
|
||||
margin: 10px;
|
||||
border-top: 0;
|
||||
border-bottom: 1px solid #999;
|
||||
border-color: #999;
|
||||
}
|
||||
|
||||
li {
|
||||
|
|
@ -78,7 +74,6 @@
|
|||
background-color: transparent;
|
||||
vertical-align: middle;
|
||||
color: var(--folders-disabled-color, #666);
|
||||
font-size: 14px;
|
||||
border-left: 3px solid transparent;
|
||||
|
||||
padding: 0 2em 0 @folderItemPadding;
|
||||
|
|
@ -226,13 +221,12 @@
|
|||
|
||||
.btn {
|
||||
&.buttonCompose {
|
||||
width: calc(100% - 85px);
|
||||
width: calc(100% - 68px);
|
||||
max-width: -moz-fit-content;
|
||||
max-width: -webkit-fit-content;
|
||||
max-width: fit-content;
|
||||
overflow: hidden;
|
||||
height: 19px;
|
||||
margin-top: 1px;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
}
|
||||
|
|
@ -252,3 +246,7 @@ html.rl-left-panel-disabled {
|
|||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
html.rl-mobile .b-folders .b-content {
|
||||
bottom: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,17 +1,10 @@
|
|||
.b-identity-content {
|
||||
#V-PopupsIdentity {
|
||||
|
||||
&.modal {
|
||||
max-width: 770px;
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
overflow: hidden;
|
||||
}
|
||||
max-width: 770px;
|
||||
|
||||
.e-signature-place {
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 3px;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.textEmail {
|
||||
|
|
|
|||
|
|
@ -17,6 +17,15 @@
|
|||
z-index: 0;
|
||||
}
|
||||
|
||||
#rl-left {
|
||||
width: @rlLeftWidth;
|
||||
}
|
||||
|
||||
#rl-right {
|
||||
z-index: 1;
|
||||
left: @rlLeftWidth;
|
||||
}
|
||||
|
||||
html.rl-mobile {
|
||||
|
||||
&:not(.rl-left-panel-disabled) #rl-right {
|
||||
|
|
@ -28,10 +37,6 @@ html.rl-mobile {
|
|||
}
|
||||
}
|
||||
|
||||
#rl-left {
|
||||
width: @rlLeftWidth;
|
||||
}
|
||||
|
||||
/*
|
||||
.resizable::after {
|
||||
background-color: #aaa;
|
||||
|
|
@ -50,7 +55,7 @@ html.rl-mobile {
|
|||
}
|
||||
*/
|
||||
|
||||
.resizable > .resizer {
|
||||
.resizer {
|
||||
background: #aaa;
|
||||
background: rgba(255,255,255,0.5);
|
||||
display: none;
|
||||
|
|
@ -58,17 +63,19 @@ html.rl-mobile {
|
|||
position: absolute;
|
||||
z-index: 102;
|
||||
}
|
||||
.resizable > .resizer:hover {
|
||||
.resizer:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
html:not(.rl-left-panel-disabled) #rl-left.resizable {
|
||||
html:not(.rl-left-panel-disabled) #rl-left {
|
||||
resize: horizontal;
|
||||
overflow: hidden;
|
||||
min-width: 155px;
|
||||
max-width: 350px;
|
||||
}
|
||||
#rl-left > .resizer {
|
||||
|
||||
#rl-left > .resizer,
|
||||
.rl-side-preview-pane #V-MailMessageList > .resizer {
|
||||
cursor: ew-resize;
|
||||
height: 100%;
|
||||
right: 0;
|
||||
|
|
@ -76,58 +83,17 @@ html:not(.rl-left-panel-disabled) #rl-left.resizable {
|
|||
width: 5px;
|
||||
}
|
||||
|
||||
.g-ui-menu {
|
||||
max-height: 60vh;
|
||||
max-width: 90vw;
|
||||
overflow: auto;
|
||||
|
||||
.e-link {
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
color: var(--dropdown-menu-color, #333);
|
||||
background-color: var(--dropdown-menu-bg-color, #fff);
|
||||
}
|
||||
|
||||
.e-item.selected > .e-link {
|
||||
background-color: var(--dropdown-menu-selected-bg-color, #eee);
|
||||
}
|
||||
|
||||
.e-item:not(.disabled) > .e-link:focus,
|
||||
.e-item:not(.disabled) > .e-link:hover {
|
||||
background-color: var(--dropdown-menu-hover-bg-color, #444);
|
||||
background-image: none;
|
||||
color: var(--dropdown-menu-hover-color, #eee);
|
||||
}
|
||||
|
||||
.e-item.disabled > .e-link {
|
||||
cursor: not-allowed;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.rl-side-preview-pane #V-MailMessageList {
|
||||
resize: horizontal;
|
||||
min-width: 320px;
|
||||
max-width: 60%;
|
||||
}
|
||||
|
||||
.g-ui-table {
|
||||
|
||||
display: table;
|
||||
width: 100%;
|
||||
|
||||
.e-row {
|
||||
display: table-row;
|
||||
}
|
||||
|
||||
.e-cell {
|
||||
display: table-cell;
|
||||
vertical-align: top;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
.b-message-list-wrapper.resizable {
|
||||
.rl-bottom-preview-pane #V-MailMessageList {
|
||||
resize: vertical;
|
||||
overflow: hidden;
|
||||
min-height: 200px;
|
||||
max-height: 500px;
|
||||
max-height: 60%;
|
||||
}
|
||||
.b-message-list-wrapper > .resizer {
|
||||
.rl-bottom-preview-pane #V-MailMessageList > .resizer {
|
||||
cursor: ns-resize;
|
||||
height: 5px;
|
||||
left: 0;
|
||||
|
|
@ -135,30 +101,25 @@ html:not(.rl-left-panel-disabled) #rl-left.resizable {
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
html:not(.rl-left-panel-disabled) #rl-left.resizable > .resizer,
|
||||
.b-message-list-wrapper > .resizer {
|
||||
html:not(.rl-left-panel-disabled) #rl-left > .resizer,
|
||||
#V-MailMessageList > .resizer {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#rl-right {
|
||||
z-index: 1;
|
||||
left: @rlLeftWidth;
|
||||
}
|
||||
|
||||
#rl-sub-left {
|
||||
#V-MailMessageList {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
bottom: @rlBottomMargin;
|
||||
left: 0;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
#rl-sub-right {
|
||||
#V-MailMessageView {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
top: 50px + @rlLowMargin;
|
||||
bottom: 13px;
|
||||
right: 0;
|
||||
left: 50%;
|
||||
left: 0;
|
||||
|
||||
.b-message-view-backdrop {
|
||||
position: absolute;
|
||||
|
|
@ -186,27 +147,10 @@ html:not(.rl-left-panel-disabled) #rl-left.resizable > .resizer,
|
|||
}
|
||||
}
|
||||
|
||||
/*
|
||||
#rl-popups > dialog {
|
||||
top: 0;
|
||||
margin: 10px auto;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
html.rl-side-preview-pane {
|
||||
#V-MailMessageView {
|
||||
left: 50%;
|
||||
}
|
||||
*/
|
||||
#rl-popups > .rl-view-model {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 1100;
|
||||
overflow: auto;
|
||||
background-color: rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
#rl-settings-subscreen {
|
||||
padding:20px;
|
||||
}
|
||||
|
||||
.dropdown-menu * + .dividerbar {
|
||||
|
|
@ -215,12 +159,8 @@ html:not(.rl-left-panel-disabled) #rl-left.resizable > .resizer,
|
|||
border-top: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
.dropdown.colored-toggle.open .btn.dropdown-toggle {
|
||||
color: #BD362F;
|
||||
|
||||
.caret {
|
||||
border-top-color: #BD362F;
|
||||
}
|
||||
.dropdown.show {
|
||||
box-shadow: 0 0 1px var(--main-color, @dropdownLinkColor);
|
||||
}
|
||||
|
||||
.btn.btn-transparent {
|
||||
|
|
@ -260,12 +200,14 @@ html:not(.rl-left-panel-disabled) #rl-left.resizable > .resizer,
|
|||
left: @rlLeftWidth + 20;
|
||||
}
|
||||
|
||||
#rl-sub-left {
|
||||
#V-MailMessageList {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
#rl-sub-right {
|
||||
left: 40%;
|
||||
html.rl-side-preview-pane {
|
||||
#V-MailMessageView {
|
||||
left: 40%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -317,49 +259,32 @@ html.rl-left-panel-disabled {
|
|||
}
|
||||
}
|
||||
|
||||
html.rl-mobile,
|
||||
html.rl-no-preview-pane {
|
||||
|
||||
#rl-sub-left {
|
||||
#V-MailMessageList {
|
||||
right: @rlBottomMargin !important;
|
||||
width: inherit;
|
||||
}
|
||||
|
||||
#rl-sub-right {
|
||||
left: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
html.rl-mobile #rl-left > .resizer,
|
||||
html.rl-side-preview-pane:not(.rl-mobile) #rl-right .resizer {
|
||||
html.rl-no-preview-pane #rl-right .resizer {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
html.rl-bottom-preview-pane:not(.rl-mobile) {
|
||||
html.rl-bottom-preview-pane {
|
||||
|
||||
#rl-sub-left {
|
||||
right: @rlBottomMargin !important;
|
||||
#V-MailMessageList {
|
||||
bottom: inherit;
|
||||
width: inherit;
|
||||
|
||||
.b-message-list-wrapper {
|
||||
bottom: inherit;
|
||||
height: 300px;
|
||||
|
||||
box-shadow: none;
|
||||
}
|
||||
height: 300px;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#rl-sub-right {
|
||||
|
||||
left: 0 !important;
|
||||
|
||||
.b-message-view-wrapper {
|
||||
top: 356px;
|
||||
left: 0;
|
||||
right: 5px;
|
||||
box-shadow: none;
|
||||
background-color: var(--message-bg-color, #fff);
|
||||
}
|
||||
#V-MailMessageView {
|
||||
left: 0;
|
||||
top: 356px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -368,13 +293,9 @@ html:not(.rl-mobile) .show-mobile {
|
|||
display: none !important;
|
||||
}
|
||||
|
||||
html.rl-mobile .width100-on-mobile {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.e-paginator {
|
||||
|
||||
.e-page {
|
||||
a {
|
||||
opacity: 0.5;
|
||||
text-decoration: none;
|
||||
font-size: 22px;
|
||||
|
|
|
|||
|
|
@ -1,37 +1,39 @@
|
|||
|
||||
html.rl-mobile,
|
||||
html.rl-no-preview-pane {
|
||||
.messageList.message-selected {
|
||||
.message-selected #V-MailMessageList {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
#V-MailMessageList.focused .messageList {
|
||||
border-color: #9d9d9d;
|
||||
}
|
||||
|
||||
#sort-list-dropdown-id {
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
}
|
||||
|
||||
.messageList {
|
||||
#V-MailMessageList .btn-toolbar {
|
||||
height: 30px;
|
||||
padding: 10px 1px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.toolbar {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
height: 30px;
|
||||
padding: 10px 1px;
|
||||
z-index: 102;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.messageList {
|
||||
height: calc(100% - 50px);
|
||||
background-color: #fff;
|
||||
border: 1px solid @rlMainDarkColor;
|
||||
border-radius: @rlMainBorderRadius;
|
||||
box-shadow: @rlMainShadow;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.b-footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
height: 30px;
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
padding: 7px;
|
||||
z-index: 101;
|
||||
|
||||
background-color: var(--message-list-toolbar-bg-color, #eee);
|
||||
// #gradient > .vertical(#f4f4f4, #dfdfdf);
|
||||
|
|
@ -41,15 +43,18 @@ html.rl-no-preview-pane {
|
|||
border-top: 1px solid #bbb;
|
||||
|
||||
.e-quota {
|
||||
border-bottom: 1px dashed #333;
|
||||
display: inline-block;
|
||||
margin-top: 5px;
|
||||
margin-left: 5px;
|
||||
font-size: 18px;
|
||||
cursor: help;
|
||||
}
|
||||
.e-quota:hover {
|
||||
border-bottom: 1px dashed #333;
|
||||
}
|
||||
}
|
||||
|
||||
.b-footer nav {
|
||||
flex-grow: 1;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.btn.buttonMoreSearch {
|
||||
|
|
@ -58,28 +63,10 @@ html.rl-no-preview-pane {
|
|||
padding-right: 8px;
|
||||
}
|
||||
|
||||
.b-message-list-wrapper {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: @rlBottomMargin;
|
||||
|
||||
border: 1px solid @rlMainDarkColor;
|
||||
|
||||
box-shadow: @rlMainShadow;
|
||||
border-radius: @rlMainBorderRadius;
|
||||
z-index: 101;
|
||||
}
|
||||
|
||||
.second-toolbar {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
height: 29px;
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
padding: 10px 8px 10px 11px;
|
||||
z-index: 101;
|
||||
white-space: nowrap;
|
||||
|
||||
background-color: var(--message-list-toolbar-bg-color, #eee);
|
||||
|
|
@ -88,46 +75,46 @@ html.rl-no-preview-pane {
|
|||
border-top-right-radius: @rlMainBorderRadius;
|
||||
border-top-left-radius: @rlMainBorderRadius;
|
||||
border-bottom: 1px solid #bbb;
|
||||
}
|
||||
|
||||
.checkboxCheckAll {
|
||||
cursor: pointer;
|
||||
vertical-align: middle
|
||||
}
|
||||
.checkboxCheckAll {
|
||||
cursor: pointer;
|
||||
margin: 0.45em 0.5em 0 0;
|
||||
}
|
||||
|
||||
.input-append {
|
||||
margin-left: 14px;
|
||||
text-align: right;
|
||||
width: calc(100% - 30px);
|
||||
.search-input-wrp {
|
||||
flex-grow: 1;
|
||||
position: relative;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.close-input-wrp {
|
||||
width: 90%;
|
||||
min-width: 200px;
|
||||
max-width: 300px;
|
||||
}
|
||||
.inputSearch {
|
||||
max-width: 300px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.inputSearch {
|
||||
width: 100%;
|
||||
}
|
||||
.closeSearch {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 5px;
|
||||
margin: 0 7px;
|
||||
z-index: 100;
|
||||
vertical-align: middle;
|
||||
opacity: .4;
|
||||
&:hover {
|
||||
opacity: .6;
|
||||
}
|
||||
}
|
||||
|
||||
.b-content {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
bottom: 45px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
overflow: auto;
|
||||
z-index: 101;
|
||||
scroll-behavior: smooth;
|
||||
|
||||
background-color: #fff;
|
||||
|
||||
.listClear {
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
font-size: 14px;
|
||||
line-height: 13px;
|
||||
}
|
||||
|
||||
|
|
@ -182,20 +169,17 @@ html.rl-no-preview-pane {
|
|||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
&.focused .b-message-list-wrapper {
|
||||
background-color: #000;
|
||||
border-color: #9d9d9d;
|
||||
}
|
||||
}
|
||||
|
||||
.hideMessageListCheckbox {
|
||||
.checkboxCheckAll {
|
||||
visibility: hidden;
|
||||
}
|
||||
html:not(rl-mobile) {
|
||||
.hideMessageListCheckbox {
|
||||
.checkboxCheckAll {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.checkboxMessage {
|
||||
display: none;
|
||||
.checkboxMessage {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -215,13 +199,13 @@ html.rl-no-preview-pane {
|
|||
border-left: 6px solid #eee;
|
||||
|
||||
z-index: 100;
|
||||
|
||||
/*
|
||||
> * {
|
||||
display: flex;
|
||||
flex: 0 0 auto;
|
||||
order: 0;
|
||||
}
|
||||
|
||||
*/
|
||||
&.focused {
|
||||
background-color: rgba(128, 128, 128, 0.1);
|
||||
border-left-color: #ccc;
|
||||
|
|
@ -244,8 +228,7 @@ html.rl-no-preview-pane {
|
|||
}
|
||||
|
||||
.checkboxMessage {
|
||||
line-height: 12px;
|
||||
padding: 0 8px 0 6px;
|
||||
padding: 0 6px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
|
|
@ -264,7 +247,9 @@ html.rl-no-preview-pane {
|
|||
}
|
||||
|
||||
.senderParent, .subjectParent {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
|
@ -293,12 +278,6 @@ html.rl-no-preview-pane {
|
|||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.senderParent, .subjectParent {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.threads-len span {
|
||||
border-radius: 6px;
|
||||
border: 1px solid #ccc;
|
||||
|
|
@ -411,6 +390,7 @@ html.rl-ctrl-key-pressed .messageListItem {
|
|||
.messageListItem {
|
||||
|
||||
.checkboxMessage {
|
||||
line-height: 12px;
|
||||
margin: 10px 0 -5px;
|
||||
}
|
||||
|
||||
|
|
@ -438,8 +418,8 @@ html.rl-ctrl-key-pressed .messageListItem {
|
|||
}
|
||||
}
|
||||
|
||||
.b-message-list-wrapper:not(.hideMessageListCheckbox) .subjectParent {
|
||||
margin-left: 30px;
|
||||
.messageList:not(.hideMessageListCheckbox) .subjectParent {
|
||||
margin-left: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -450,21 +430,11 @@ html:not(.rl-mobile):not(.rl-side-preview-pane) {
|
|||
line-height: 25px;
|
||||
flex-wrap: nowrap;
|
||||
|
||||
.checkboxMessage {
|
||||
> * {
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.flagParent {
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.attachmentParent {
|
||||
margin: 6px 8px 0 0;
|
||||
}
|
||||
|
||||
.senderParent {
|
||||
font-weight: normal;
|
||||
text-overflow: none;
|
||||
flex: 0 0 25%;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,12 +1,24 @@
|
|||
.g-ui-min-height-300 {
|
||||
min-height: 300px;
|
||||
|
||||
html.rl-no-preview-pane {
|
||||
#rl-right:not(.message-selected) #V-MailMessageView {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
#V-MailMessageView.focused .messageView {
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
|
||||
border-color: darken(@rlMainDarkColor, 5%);
|
||||
}
|
||||
|
||||
.messageView {
|
||||
background-color: #fff;
|
||||
border: 1px solid @rlMainDarkColor;
|
||||
border-radius: @rlMainBorderRadius;
|
||||
height: 100%;
|
||||
|
||||
.toolbar {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
top: -50px - @rlLowMargin;
|
||||
right: 0;
|
||||
left: 0;
|
||||
height: 30px;
|
||||
|
|
@ -15,94 +27,94 @@
|
|||
}
|
||||
|
||||
.b-content {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.b-message {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.b-message-view-checked-helper {
|
||||
text-align: center;
|
||||
font-size: 70px;
|
||||
line-height: 70px;
|
||||
padding-top: 100px;
|
||||
color: #999;
|
||||
|
||||
.icon-mail {
|
||||
font-size: 100px;
|
||||
font-size: 50px;
|
||||
line-height: 90px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.b-message-view-desc {
|
||||
text-align: center;
|
||||
font-size: 24px;
|
||||
line-height: 30px;
|
||||
color: #999;
|
||||
padding: 120px 10px 0 10px;
|
||||
}
|
||||
|
||||
.b-message-view-desc.error {
|
||||
color: #DA4F49;
|
||||
}
|
||||
|
||||
.message-fixed-button-toolbar {
|
||||
z-index: 100;
|
||||
position: absolute;
|
||||
margin: 0;
|
||||
top: 50px + @rlLowMargin;
|
||||
bottom: @rlLowMargin + @rlBottomMargin;
|
||||
right: @rlLowMargin;
|
||||
left: -2px;
|
||||
/*overflow: hidden;*/
|
||||
border: 1px solid @rlMainDarkColor;
|
||||
top: 33px;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
border-radius: @rlMainBorderRadius;
|
||||
.infoParent {
|
||||
cursor: pointer;
|
||||
opacity: 0.5;
|
||||
|
||||
background-color: #fff;
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.b-message-view-checked-helper {
|
||||
text-align: center;
|
||||
font-size: 70px;
|
||||
line-height: 70px;
|
||||
padding-top: 100px;
|
||||
color: #999;
|
||||
.flagParent {
|
||||
|
||||
.icon-mail {
|
||||
font-size: 100px;
|
||||
font-size: 50px;
|
||||
line-height: 90px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
cursor: pointer;
|
||||
margin: 0 0.25em;
|
||||
|
||||
.flagOn {
|
||||
color: orange;
|
||||
}
|
||||
|
||||
.b-message-view-desc {
|
||||
text-align: center;
|
||||
font-size: 24px;
|
||||
line-height: 30px;
|
||||
color: #999;
|
||||
padding: 120px 10px 0 10px;
|
||||
}
|
||||
|
||||
.b-message-view-desc.error {
|
||||
color: #DA4F49;
|
||||
}
|
||||
|
||||
.message-fixed-button-toolbar {
|
||||
z-index: 100;
|
||||
position: absolute;
|
||||
top: 33px;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
.infoParent {
|
||||
cursor: pointer;
|
||||
&.flagOff:not(:hover) {
|
||||
opacity: 0.5;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.flagParent {
|
||||
|
||||
cursor: pointer;
|
||||
margin: 0 0.25em;
|
||||
|
||||
.flagOn {
|
||||
color: orange;
|
||||
}
|
||||
|
||||
&.flagOff:not(:hover) {
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.messageItemHeader {
|
||||
|
||||
padding: 10px;
|
||||
background-color: #f8f8f8;
|
||||
border-bottom: 1px solid #ddd;
|
||||
border-radius: @rlMainBorderRadius @rlMainBorderRadius 0 0;
|
||||
padding: 10px;
|
||||
flex-shrink: 0;
|
||||
|
||||
.subjectParent {
|
||||
display: flex;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.subject, .emptySubjectText {
|
||||
flex-grow: 1;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.messageButtons {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
|
@ -150,16 +162,11 @@
|
|||
}
|
||||
|
||||
.emptySubjectText {
|
||||
display: none;
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
&.emptySubject .emptySubjectText {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.hasVirus {
|
||||
background: #f00;
|
||||
color: #fff;
|
||||
|
|
@ -167,294 +174,42 @@
|
|||
}
|
||||
}
|
||||
|
||||
.messageItem {
|
||||
.openpgp-control {
|
||||
margin: 0.5em;
|
||||
padding: 0.5em;
|
||||
|
||||
color: #000;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
overflow: auto;
|
||||
scroll-behavior: smooth;
|
||||
span {
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
.buttonFull {
|
||||
display: inline-block;
|
||||
position: fixed;
|
||||
right: 25px;
|
||||
bottom: 25px;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
line-height: 30px;
|
||||
background-color: transparent;
|
||||
background-color: #fff;
|
||||
border: 1px solid #333;
|
||||
color: #333;
|
||||
z-index: 2;
|
||||
button {
|
||||
cursor: pointer;
|
||||
border-radius: 5px;
|
||||
opacity: 0.5;
|
||||
|
||||
&:hover {
|
||||
opacity: 0.8;
|
||||
border-color: #666;
|
||||
background-color: #888;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.loading {
|
||||
text-align: center;
|
||||
font-size: 24px;
|
||||
color: grey;
|
||||
padding-top: 50px;
|
||||
&.encrypted {
|
||||
border: 1px dashed #18F;
|
||||
color: #18F;
|
||||
}
|
||||
&.signed {
|
||||
border: 1px dashed #FA0;
|
||||
color: #FA0;
|
||||
}
|
||||
|
||||
.showImages, .readReceipt, .pgpSigned, .pgpEncrypted {
|
||||
cursor: pointer;
|
||||
padding: 10px 15px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
background-color: #eee;
|
||||
&.success {
|
||||
border-color: #090;
|
||||
color: #090;
|
||||
}
|
||||
|
||||
.pgpInfo {
|
||||
padding: 5px 15px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
background-color: #fcf8e3;
|
||||
|
||||
&.success {
|
||||
background-color: #e9f4ff;
|
||||
}
|
||||
&.error {
|
||||
border-color: #F00;
|
||||
color: #F00;
|
||||
}
|
||||
|
||||
.readReceipt {
|
||||
background-color: #ffffd9;
|
||||
}
|
||||
|
||||
.attachmentsPlace {
|
||||
|
||||
padding: 10px 10px 6px 10px;
|
||||
background: #eee;
|
||||
border-bottom: 1px solid #ddd;
|
||||
position: relative;
|
||||
|
||||
.attachmentList {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
&:not(.selection-mode) {
|
||||
.checkboxAttachment {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.unselectedAttachmentsError {
|
||||
.attachmentItem {
|
||||
box-shadow: 0 1px 4px red;
|
||||
box-shadow: 0 1px 5px rgba(255, 0, 0, 0.4);
|
||||
box-shadow: 0 0 0 1px rgba(255, 0, 0, 0.2), 0 1px 5px rgba(255, 0, 0, 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
.controls-handle {
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
right: 8px;
|
||||
color: #999;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.attachmentsControls {
|
||||
padding: 7px 5px 7px 14px;
|
||||
background: #e8e8e8;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.rlBlockquoteSwitcher {
|
||||
border: 1px solid #999;
|
||||
display: block;
|
||||
width: 3em;
|
||||
line-height: 1em;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
margin: 2em 0 10px;
|
||||
|
||||
opacity: 0.5;
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.b-text-part {
|
||||
|
||||
height: 100%;
|
||||
|
||||
div[data-x-div-type=html] {
|
||||
height: 100%;
|
||||
div[data-x-div-type=body] {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: blue;
|
||||
text-decoration: underline;
|
||||
|
||||
&:visited {
|
||||
color: #609;
|
||||
}
|
||||
&:active {
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 2px solid #000;
|
||||
padding: 0 10px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.rl-bq-switcher.hidden-bq {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.html {
|
||||
|
||||
div[data-x-div-type=body] {
|
||||
/*padding: 15px;*/
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
img[data-x-src]:not([src]) {
|
||||
border: 1px solid #999;
|
||||
position: relative;
|
||||
}
|
||||
img[data-x-src]:not([src])::after {
|
||||
content: "🖼";
|
||||
font-family: snappymail;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
color: #000;
|
||||
background-color: #fff;
|
||||
}
|
||||
img[data-x-src]:not([src]):hover::after {
|
||||
content: attr(data-x-src);
|
||||
font-family: var(--fontSans);
|
||||
font-size: 11px;
|
||||
height: auto;
|
||||
transform: translate(-25%,0);
|
||||
width: auto;
|
||||
width: -moz-fit-content;
|
||||
width: -webkit-fit-content;
|
||||
width: fit-content;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
pre, code {
|
||||
margin: 0;
|
||||
border: none;
|
||||
word-break: normal;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
code {
|
||||
border-radius: 0;
|
||||
display: inline;
|
||||
padding: 2px 5px;
|
||||
}
|
||||
|
||||
pre {
|
||||
border-radius: 5px;
|
||||
display: block;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
pre > code {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.plain {
|
||||
|
||||
padding: 15px;
|
||||
/*white-space: pre-wrap;*/
|
||||
font-family: var(--fontMono);
|
||||
|
||||
pre {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
display: block;
|
||||
word-break: normal;
|
||||
}
|
||||
|
||||
pre.b-plain-openpgp {
|
||||
display: inline-block;
|
||||
padding: 6px 10px;
|
||||
border: 1px dashed #666;
|
||||
word-break: break-all;
|
||||
|
||||
&.success {
|
||||
border-color: green;
|
||||
background-color: rgba(0, 255, 0, 0.03);
|
||||
}
|
||||
&.error {
|
||||
border-color: red;
|
||||
background-color: rgba(255, 0, 0, 0.03);
|
||||
}
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 2px solid blue;
|
||||
color: blue;
|
||||
}
|
||||
|
||||
blockquote blockquote {
|
||||
border-left: 2px solid green;
|
||||
color: green;
|
||||
}
|
||||
|
||||
blockquote blockquote blockquote {
|
||||
border-left: 2px solid red;
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
|
||||
.b-openpgp-control {
|
||||
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
opacity: 0.5;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&.success {
|
||||
color: green;
|
||||
cursor: help;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&.error {
|
||||
color: red;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
&.error button,
|
||||
&.success button {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.focused .b-content {
|
||||
z-index: 101;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
|
||||
border-color: darken(@rlMainDarkColor, 5%);
|
||||
.b-text-part > iframe {
|
||||
min-height: 50vh;
|
||||
}
|
||||
|
||||
.thread-controls {
|
||||
|
|
@ -467,40 +222,241 @@
|
|||
padding-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.thread-list {
|
||||
#messageItem {
|
||||
|
||||
.e-link {
|
||||
padding: 4px 8px 6px 10px;
|
||||
color: #000;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
scroll-behavior: smooth;
|
||||
|
||||
.buttonFull {
|
||||
display: inline-block;
|
||||
position: fixed;
|
||||
right: 25px;
|
||||
bottom: 25px;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
line-height: 30px;
|
||||
background-color: transparent;
|
||||
background-color: #fff;
|
||||
border: 1px solid #333;
|
||||
color: #333;
|
||||
z-index: 2;
|
||||
cursor: pointer;
|
||||
border-radius: 5px;
|
||||
opacity: 0.5;
|
||||
|
||||
&:hover {
|
||||
opacity: 0.8;
|
||||
border-color: #666;
|
||||
background-color: #888;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.loading {
|
||||
text-align: center;
|
||||
font-size: 24px;
|
||||
color: grey;
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
.showImages, .readReceipt, .pgpSigned, .pgpEncrypted {
|
||||
cursor: pointer;
|
||||
padding: 10px 15px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
.pgpInfo {
|
||||
padding: 5px 15px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
background-color: #fcf8e3;
|
||||
|
||||
&.success {
|
||||
background-color: #e9f4ff;
|
||||
}
|
||||
}
|
||||
|
||||
.readReceipt {
|
||||
background-color: #ffffd9;
|
||||
}
|
||||
|
||||
.attachmentsPlace {
|
||||
|
||||
padding: 10px 10px 6px 10px;
|
||||
background: #eee;
|
||||
border-bottom: 1px solid #ddd;
|
||||
position: relative;
|
||||
|
||||
.attachmentList {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
&.hide-more .thread-list-message.more-that {
|
||||
&:not(.selection-mode) {
|
||||
.checkboxAttachment {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.unselectedAttachmentsError {
|
||||
.attachmentItem {
|
||||
box-shadow: 0 1px 4px red;
|
||||
box-shadow: 0 1px 5px rgba(255, 0, 0, 0.4);
|
||||
box-shadow: 0 0 0 1px rgba(255, 0, 0, 0.2), 0 1px 5px rgba(255, 0, 0, 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
.controls-handle {
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
right: 8px;
|
||||
color: #999;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.attachmentsControls {
|
||||
padding: 7px 5px 7px 14px;
|
||||
background: #e8e8e8;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.rlBlockquoteSwitcher {
|
||||
border: 1px solid #999;
|
||||
display: block;
|
||||
width: 3em;
|
||||
line-height: 1em;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
margin: 2em 0 10px;
|
||||
opacity: 0.5;
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.b-text-part {
|
||||
|
||||
height: 100%;
|
||||
padding: 10px;
|
||||
|
||||
a {
|
||||
color: blue;
|
||||
text-decoration: underline;
|
||||
|
||||
&:visited {
|
||||
color: #609;
|
||||
}
|
||||
&:active {
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 2px solid #000;
|
||||
opacity: 0.8;
|
||||
padding: 0 10px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.rl-bq-switcher.hidden-bq {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.thread-date {
|
||||
font-size: 13px;
|
||||
color: #999;
|
||||
&.html {
|
||||
|
||||
img {
|
||||
max-width: 90vw;
|
||||
}
|
||||
img[data-x-src]:not([src]) {
|
||||
border: 1px solid #999;
|
||||
position: relative;
|
||||
}
|
||||
img[data-x-src]:not([src])::after {
|
||||
content: "🖼";
|
||||
font-family: snappymail;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
color: #000;
|
||||
background-color: #fff;
|
||||
}
|
||||
img[data-x-src]:not([src]):hover::after {
|
||||
content: attr(data-x-src);
|
||||
font-family: var(--fontSans);
|
||||
font-size: 11px;
|
||||
height: auto;
|
||||
transform: translate(-25%,0);
|
||||
width: auto;
|
||||
width: -moz-fit-content;
|
||||
width: -webkit-fit-content;
|
||||
width: fit-content;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
pre, code {
|
||||
margin: 0;
|
||||
border: none;
|
||||
word-break: normal;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
code {
|
||||
border-radius: 0;
|
||||
display: inline;
|
||||
padding: 2px 5px;
|
||||
}
|
||||
|
||||
pre {
|
||||
border-radius: 5px;
|
||||
display: block;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
pre > code {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.more-threads {
|
||||
text-align: center;
|
||||
padding: 8px;
|
||||
background-color: #F5F5F5;
|
||||
color: #555;
|
||||
text-decoration: underline;
|
||||
border-top: 1px dashed #555;
|
||||
&.plain {
|
||||
|
||||
white-space: pre-wrap;
|
||||
font-family: var(--fontMono);
|
||||
|
||||
pre {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
display: block;
|
||||
word-break: normal;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
&.openpgp-signed,
|
||||
&.openpgp-encrypted {
|
||||
border: 1px dashed #FA0;
|
||||
|
||||
&.success {
|
||||
border-color: green;
|
||||
background-color: rgba(0, 255, 0, 0.03);
|
||||
}
|
||||
&.error {
|
||||
border-color: red;
|
||||
background-color: rgba(255, 0, 0, 0.03);
|
||||
}
|
||||
}
|
||||
*/
|
||||
}
|
||||
}
|
||||
|
||||
html.rl-mobile .messageView,
|
||||
html.rl-no-preview-pane .messageView {
|
||||
|
||||
&:not(.message-selected) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.toolbar {
|
||||
padding-left: 1px;
|
||||
}
|
||||
|
|
@ -521,7 +477,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) .messageView {
|
|||
}
|
||||
}
|
||||
|
||||
html.rl-bottom-preview-pane:not(.rl-mobile) .messageView {
|
||||
html.rl-bottom-preview-pane .messageView {
|
||||
.b-content {
|
||||
bottom: @rlBottomMargin;
|
||||
}
|
||||
|
|
@ -534,10 +490,10 @@ html.rl-message-fullscreen {
|
|||
}
|
||||
|
||||
#rl-right {
|
||||
.RL-MailMessageList,
|
||||
.RL-SettingsPane,
|
||||
.RL-SystemDropDown,
|
||||
.RL-MailMessageView .messageView .toolbar {
|
||||
#V-MailMessageList,
|
||||
#V-SettingsPane,
|
||||
#V-SystemDropDown,
|
||||
#V-MailMessageView .messageView .toolbar {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
|
@ -554,7 +510,7 @@ html.rl-message-fullscreen {
|
|||
}
|
||||
}
|
||||
|
||||
html:not(.rl-mobile) .messageItem {
|
||||
html:not(.rl-mobile) #messageItem {
|
||||
.buttonFull {
|
||||
display: none !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,141 +1,18 @@
|
|||
.b-open-pgp-key-view-content, .b-open-pgp-key-generate-content {
|
||||
&.modal {
|
||||
max-width: 570px;
|
||||
}
|
||||
#V-PopupsOpenPgpKey, #V-PopupsOpenPgpGenerate {
|
||||
max-width: 570px;
|
||||
}
|
||||
|
||||
.b-open-pgp-key-view-content {
|
||||
#V-PopupsOpenPgpKey {
|
||||
.key-viewer {
|
||||
margin: 0;
|
||||
max-height: 500px;
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.b-compose-open-pgp-content {
|
||||
&.modal {
|
||||
max-width: 800px;
|
||||
}
|
||||
#V-PopupsOpenPgpImport {
|
||||
max-width: 645px;
|
||||
|
||||
.key-list {
|
||||
|
||||
background-color: #f9f9f9;
|
||||
border-radius: 5px;
|
||||
padding: 10px 15px;
|
||||
|
||||
&-wrp {
|
||||
|
||||
&:hover {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
&:hover .key-list__item-name {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
&.empty {
|
||||
text-align: center;
|
||||
padding-top: 10px;
|
||||
color: #aaa;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
&__item {
|
||||
|
||||
color: #333;
|
||||
white-space: nowrap;
|
||||
padding-bottom: 4px;
|
||||
display: flex;
|
||||
|
||||
&:last-child {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
&-delete {
|
||||
cursor: pointer;
|
||||
|
||||
&.disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
||||
&-names {
|
||||
color: #333;
|
||||
width: 80%;
|
||||
|
||||
&.empty {
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
|
||||
&-name {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
&-error {
|
||||
color: red;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
&-hash {
|
||||
color: #aaa;
|
||||
width: 20%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.key-actions {
|
||||
margin-top: 10px;
|
||||
min-height: 40px;
|
||||
|
||||
select option:nth-child(even) {
|
||||
background-color: rgba(128, 128, 128, 0.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.b-message-open-pgp-content {
|
||||
&.modal {
|
||||
max-width: 700px;
|
||||
}
|
||||
|
||||
.key-list {
|
||||
|
||||
margin-top: 5px;
|
||||
overflow: hidden;
|
||||
|
||||
&__item {
|
||||
|
||||
color: #555;
|
||||
cursor: pointer;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
||||
&__radio {
|
||||
padding: 3px 5px 0 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
&__name {
|
||||
border-bottom: 1px solid transparent;
|
||||
}
|
||||
|
||||
&__names {
|
||||
display: inline-block;
|
||||
|
||||
&:hover .key-list__item__name {
|
||||
border-bottom: 1px dashed #555;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.b-open-pgp-key-add-content {
|
||||
&.modal {
|
||||
max-width: 645px;
|
||||
}
|
||||
.inputKey {
|
||||
font-family: var(--fontMono);
|
||||
width: 600px;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
|
||||
.b-settins-left {
|
||||
#V-SettingsMenu {
|
||||
|
||||
.b-footer {
|
||||
position: absolute;
|
||||
|
|
@ -46,9 +46,10 @@
|
|||
}
|
||||
}
|
||||
|
||||
.b-settins-right {
|
||||
#V-SettingsPane {
|
||||
height: 100%;
|
||||
|
||||
.b-toolbar {
|
||||
.btn-toolbar {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
|
@ -58,33 +59,28 @@
|
|||
color: #fff;
|
||||
}
|
||||
|
||||
.b-content {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
bottom: @rlLowMargin;
|
||||
left: 0;
|
||||
right: @rlLowMargin;
|
||||
overflow-y: auto;
|
||||
z-index: 2;
|
||||
scroll-behavior: smooth;
|
||||
|
||||
background-color: #fff;
|
||||
border: 1px solid @rlMainDarkColor;
|
||||
box-shadow: @rlMainShadow;
|
||||
border-radius: @rlMainBorderRadius;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 4px 8px;
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
html.rl-mobile .rl-settings-view-model {
|
||||
margin-right: 15px;
|
||||
#rl-settings-subscreen {
|
||||
margin: 50px @rlLowMargin @rlLowMargin 0;
|
||||
overflow-y: auto;
|
||||
scroll-behavior: smooth;
|
||||
padding:20px;
|
||||
|
||||
box-sizing: border-box;
|
||||
height: calc(100% - 50px - @rlLowMargin - @rlLowMargin);
|
||||
|
||||
background-color: #fff;
|
||||
border: 1px solid @rlMainDarkColor;
|
||||
box-shadow: @rlMainShadow;
|
||||
border-radius: @rlMainBorderRadius;
|
||||
}
|
||||
|
||||
.firefox-drag .b-settins-right .b-content,
|
||||
.firefox-drag #rl-settings-subscreen,
|
||||
.firefox-drag .modal-body {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
|
||||
.b-settings-accounts {
|
||||
#V-Settings-Accounts {
|
||||
|
||||
.account-name {
|
||||
display: inline-block;
|
||||
|
|
@ -25,11 +25,12 @@
|
|||
white-space: nowrap;
|
||||
}
|
||||
|
||||
td + td {
|
||||
width: 150px;
|
||||
}
|
||||
td + td + td {
|
||||
width: 1%;
|
||||
text-align: right;
|
||||
}
|
||||
td:first-child,
|
||||
td:last-child, {
|
||||
width: 1em;
|
||||
}
|
||||
|
||||
.delete {
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
|
||||
.b-filter-script {
|
||||
#V-PopupsSieveScript {
|
||||
width: auto;
|
||||
max-width: 720px;
|
||||
}
|
||||
|
||||
.b-filter-script .filter-item,
|
||||
.b-settings-filters .script-item {
|
||||
#V-PopupsSieveScript .filter-item,
|
||||
#V-Settings-Filters .script-item {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
|
@ -30,7 +30,7 @@
|
|||
color: #aaa;
|
||||
}
|
||||
|
||||
.b-filter-script textarea {
|
||||
#V-PopupsSieveScript textarea {
|
||||
height: 300px;
|
||||
font-family: var(--fontMono);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
|
||||
.b-settings-folders {
|
||||
#V-Settings-Folders {
|
||||
|
||||
.folders-list-error {
|
||||
margin: 10px 0;
|
||||
|
|
@ -10,13 +10,10 @@
|
|||
}
|
||||
|
||||
td + td {
|
||||
white-space: nowrap;
|
||||
width: 1em;
|
||||
}
|
||||
|
||||
table:not(.displaySpecSetting) td:last-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.folder-name {
|
||||
word-break: break-all;
|
||||
white-space: pre-wrap;
|
||||
|
|
@ -31,6 +28,10 @@
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
select {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
tr {
|
||||
|
||||
&:not(.selectable) {
|
||||
|
|
@ -46,13 +47,6 @@
|
|||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.button-delete {
|
||||
margin-right: 15px;
|
||||
margin-top: 5px;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.unsubscribed-folder, .unchecked-folder {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,9 @@
|
|||
|
||||
.b-settings-general {
|
||||
|
||||
#V-Settings-General {
|
||||
.editMainIdentity {
|
||||
border-bottom: 1px dashed #555;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
padding: 5px 0;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,40 +1,23 @@
|
|||
|
||||
.b-settings-open-pgp {
|
||||
#V-Settings-OpenPgp {
|
||||
|
||||
td * {
|
||||
cursor: pointer;
|
||||
}
|
||||
td + td {
|
||||
width: 1%;
|
||||
}
|
||||
|
||||
table {
|
||||
|
||||
.open-pgp-key-img {
|
||||
margin-right: 10px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.open-pgp-key-id, .open-pgp-key-user {
|
||||
display: inline-block;
|
||||
word-break: break-all;
|
||||
box-sizing: border-box;
|
||||
line-height: 22px;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.open-pgp-key-user-address:first-child {
|
||||
line-height: 30px;
|
||||
margin-bottom: -4px;
|
||||
}
|
||||
.key-user {
|
||||
margin: 0 0.5em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.open-pgp-key-item {
|
||||
.delete-key:not(:hover) {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.delete-open-pgp-key, .view-open-pgp-key {
|
||||
cursor: pointer;
|
||||
opacity: 0.7;
|
||||
|
||||
&:hover {
|
||||
opacity: 0.9;
|
||||
}
|
||||
}
|
||||
iframe {
|
||||
max-width: 991px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,13 +1,14 @@
|
|||
|
||||
.b-themes-list {
|
||||
#V-Settings-Themes {
|
||||
|
||||
.e-item {
|
||||
figure {
|
||||
|
||||
display: inline-block;
|
||||
border: 2px solid transparent;
|
||||
cursor: pointer;
|
||||
padding: 16px;
|
||||
padding: 8px;
|
||||
margin: 5px;
|
||||
width: 128px;
|
||||
|
||||
&:hover {
|
||||
border-color: grey;
|
||||
|
|
@ -18,9 +19,13 @@
|
|||
border-color: #000;
|
||||
}
|
||||
|
||||
.e-image {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
figcaption {
|
||||
padding: 0 0 8px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
img {
|
||||
height: 128px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,5 @@
|
|||
.b-shortcuts-content {
|
||||
&.modal {
|
||||
max-width: 700px;
|
||||
}
|
||||
#V-PopupsKeyboardShortcutsHelp {
|
||||
max-width: 700px;
|
||||
|
||||
td[class^="icon-"] {
|
||||
display: table-cell;
|
||||
|
|
|
|||
|
|
@ -1,9 +1,10 @@
|
|||
|
||||
.squire-toolbar {
|
||||
padding: 2px;
|
||||
border-bottom: 1px solid #b6b6b6;
|
||||
min-height: 28px;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
padding: 2px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
|
@ -38,6 +39,7 @@
|
|||
.squire-wysiwyg, .squire-plain {
|
||||
box-sizing: border-box;
|
||||
font-size: 13px;
|
||||
height: 100%;
|
||||
line-height: 16px;
|
||||
min-height: 200px;
|
||||
overflow: auto;
|
||||
|
|
@ -62,16 +64,14 @@
|
|||
}
|
||||
|
||||
pre, code {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: #fff;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
font-family: var(--fontMono);
|
||||
display: block;
|
||||
font-family: var(--fontMono);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
word-break: normal;
|
||||
word-wrap: break-word;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
code {
|
||||
|
|
@ -80,9 +80,8 @@
|
|||
}
|
||||
|
||||
pre {
|
||||
padding: 5px 10px;
|
||||
border-radius: 5px;
|
||||
background-color: #f9f9f9;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
pre > code {
|
||||
|
|
@ -91,32 +90,19 @@
|
|||
|
||||
blockquote {
|
||||
border: 0;
|
||||
border-left: solid 2px #444;
|
||||
border-left: 2px solid #444;
|
||||
margin: 5px 0 5px 5px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
blockquote p {
|
||||
margin: 0 0 10px;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
a {
|
||||
color: blue;
|
||||
text-decoration: underline;
|
||||
|
||||
&:visited {
|
||||
color: #609;
|
||||
}
|
||||
&:active {
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* This does make the block element focusable with mouse in Gecko and Webkit so we don't need a <BR>.
|
||||
|
|
@ -137,7 +123,6 @@ Secondly, we can't rely on MUA's what to do with :empty
|
|||
*/
|
||||
|
||||
.squire-plain {
|
||||
background-color: #fff;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
display: none;
|
||||
|
|
@ -147,35 +132,40 @@ Secondly, we can't rely on MUA's what to do with :empty
|
|||
white-space: pre-wrap;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.squire-mode-wysiwyg .squire-plain,
|
||||
.squire-mode-plain .squire-wysiwyg,
|
||||
.squire-mode-plain .btn-group:not(#squire-toolgroup-mode) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.squire-mode-plain .squire-plain {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* @media (hover: none) */
|
||||
.rl-mobile .textAreaParent:not(:focus-within) .squire-toolbar {
|
||||
display: none;
|
||||
}
|
||||
.rl-mobile .squire-toolbar {
|
||||
background: #EEE;
|
||||
padding: 1px;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
@media screen and (max-height: 600px) {
|
||||
.rl-mobile .textAreaParent:not(:focus-within) .squire-toolbar {
|
||||
display: none;
|
||||
}
|
||||
.rl-mobile .squire-toolbar {
|
||||
background: #EEE;
|
||||
padding: 1px;
|
||||
position: fixed;
|
||||
top: 18px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
/*
|
||||
transform: translateY(-42px);
|
||||
z-index: 9;
|
||||
*/
|
||||
}
|
||||
}
|
||||
|
||||
.rl-mobile .b-compose.modal,
|
||||
.rl-mobile .b-identity-content.modal {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.rl-mobile .b-compose.modal {
|
||||
min-height: calc(100% - 62px);
|
||||
.rl-mobile #V-PopupsCompose {
|
||||
min-height: calc(100% - 12px);
|
||||
}
|
||||
|
||||
.RL-PopupsCompose[data-wysiwyg*=Forced] #squire-toolgroup-mode {
|
||||
#V-PopupsCompose[data-wysiwyg*=Forced] #squire-toolgroup-mode {
|
||||
display: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,16 +10,14 @@
|
|||
top: 40px;
|
||||
}
|
||||
|
||||
.b-system-drop-down {
|
||||
#V-SystemDropDown {
|
||||
|
||||
.b-toolbar {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 30px;
|
||||
padding: 10px @rlLowMargin;
|
||||
z-index: 103;
|
||||
}
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 30px;
|
||||
padding: 10px @rlLowMargin;
|
||||
z-index: 103;
|
||||
|
||||
.email-title {
|
||||
display: inline-block;
|
||||
|
|
@ -73,18 +71,11 @@
|
|||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.account-item {
|
||||
&:not(.current) i:first-child,
|
||||
&.current i + i {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.counter {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.g-ui-menu .e-link.account-item {
|
||||
.dropdown-menu a.account-item {
|
||||
padding-right: 5px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue