mirror of
https://github.com/the-djmaze/snappymail.git
synced 2026-09-08 00:47:04 +03:00
Cleanup more CSS
This commit is contained in:
parent
48424e213b
commit
badf422178
24 changed files with 22 additions and 130 deletions
|
|
@ -121,7 +121,6 @@ export class AbstractApp {
|
||||||
initOnStartOrLangChange();
|
initOnStartOrLangChange();
|
||||||
|
|
||||||
if (mobile) {
|
if (mobile) {
|
||||||
$htmlCL.toggle('rl-mobile', mobile);
|
|
||||||
leftPanelDisabled(true);
|
leftPanelDisabled(true);
|
||||||
} else {
|
} else {
|
||||||
window.addEventListener('resize', () => leftPanelDisabled(767 >= window.innerWidth));
|
window.addEventListener('resize', () => leftPanelDisabled(767 >= window.innerWidth));
|
||||||
|
|
|
||||||
|
|
@ -114,7 +114,3 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
html.rl-mobile .b-settings-content .legend {
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,4 @@
|
||||||
|
|
||||||
.b-admin-domains {
|
|
||||||
.process-place {
|
|
||||||
width: 600px;
|
|
||||||
padding: 14px 0;
|
|
||||||
text-align: center;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.b-admin-domains-list-table {
|
.b-admin-domains-list-table {
|
||||||
|
|
||||||
width: 600px;
|
width: 600px;
|
||||||
|
|
|
||||||
|
|
@ -5,9 +5,6 @@
|
||||||
width: 650px;
|
width: 650px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.process-place {
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.b-admin-packages-list-table {
|
.b-admin-packages-list-table {
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,4 @@
|
||||||
|
|
||||||
.b-admin-plugins {
|
|
||||||
.process-place {
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.b-admin-plugins-list-table {
|
.b-admin-plugins-list-table {
|
||||||
|
|
||||||
&.disabled {
|
&.disabled {
|
||||||
|
|
|
||||||
|
|
@ -39,7 +39,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
html.rl-mobile {
|
@media screen and (max-width: 999px) {
|
||||||
.b-languages-content .lang-item {
|
.b-languages-content .lang-item {
|
||||||
width: calc(~'100% - 40px');
|
width: calc(~'100% - 40px');
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -389,15 +389,10 @@ html.rl-bottom-preview-pane {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.show-on-mobile,
|
|
||||||
html.rl-mobile .hide-on-mobile {
|
html.rl-mobile .hide-on-mobile {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
html.rl-mobile .show-on-mobile {
|
|
||||||
display: initial !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
html.rl-mobile .width100-on-mobile {
|
html.rl-mobile .width100-on-mobile {
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -117,6 +117,15 @@
|
||||||
width: 600px;
|
width: 600px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
td {
|
||||||
|
padding: 4px 8px;
|
||||||
|
line-height: 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
html.rl-mobile .rl-settings-view-model {
|
||||||
|
margin-right: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
html.rl-mobile .b-settings-content .legend {
|
html.rl-mobile .b-settings-content .legend {
|
||||||
|
|
|
||||||
|
|
@ -1,25 +1,10 @@
|
||||||
|
|
||||||
.b-settings-accounts {
|
.b-settings-accounts {
|
||||||
|
|
||||||
html.rl-mobile &{
|
|
||||||
margin-right: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.process-place {
|
|
||||||
text-align: center;
|
|
||||||
width: 600px;
|
|
||||||
padding: 14px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list-table {
|
.list-table {
|
||||||
|
|
||||||
width: 600px;
|
width: 600px;
|
||||||
|
|
||||||
td {
|
|
||||||
padding: 4px 8px;
|
|
||||||
line-height: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.account-img, .identity-img {
|
.account-img, .identity-img {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
|
|
|
||||||
|
|
@ -1,19 +1,9 @@
|
||||||
|
|
||||||
html.rl-mobile .b-settings-filters {
|
|
||||||
margin-right: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.b-filter-script {
|
.b-filter-script {
|
||||||
width: auto;
|
width: auto;
|
||||||
max-width: 720px;
|
max-width: 720px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.filter-item td,
|
|
||||||
.script-item td {
|
|
||||||
padding: 4px 8px;
|
|
||||||
line-height: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.filter-item td.drag-wrapper {
|
.filter-item td.drag-wrapper {
|
||||||
padding: 4px 0;
|
padding: 4px 0;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,22 +1,12 @@
|
||||||
|
|
||||||
.b-settings-folders {
|
.b-settings-folders {
|
||||||
|
|
||||||
html.rl-mobile &{
|
|
||||||
margin-right: 35px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.ignore-folder-subscribe {
|
&.ignore-folder-subscribe {
|
||||||
.subscribe-folder, .unsubscribe-folder {
|
.subscribe-folder, .unsubscribe-folder {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.process-place {
|
|
||||||
text-align: center;
|
|
||||||
width: 600px;
|
|
||||||
padding: 14px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.folders-list-error {
|
.folders-list-error {
|
||||||
width: 550px;
|
width: 550px;
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
|
|
@ -30,11 +20,6 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
td {
|
|
||||||
padding: 4px 8px;
|
|
||||||
line-height: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.folder-padding {
|
.folder-padding {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 0;
|
width: 0;
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,6 @@
|
||||||
|
|
||||||
.b-settings-general {
|
.b-settings-general {
|
||||||
|
|
||||||
html.rl-mobile &{
|
|
||||||
margin-right: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-selector {
|
.flag-selector {
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,25 +1,10 @@
|
||||||
|
|
||||||
.b-settings-open-pgp {
|
.b-settings-open-pgp {
|
||||||
|
|
||||||
html.rl-mobile &{
|
|
||||||
margin-right: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.process-place {
|
|
||||||
text-align: center;
|
|
||||||
width: 600px;
|
|
||||||
padding: 14px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list-table {
|
.list-table {
|
||||||
|
|
||||||
width: 750px;
|
width: 750px;
|
||||||
|
|
||||||
td {
|
|
||||||
padding: 4px 8px;
|
|
||||||
line-height: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.open-pgp-key-img {
|
.open-pgp-key-img {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
|
|
|
||||||
|
|
@ -1,25 +1,10 @@
|
||||||
|
|
||||||
.b-settings-templates {
|
.b-settings-templates {
|
||||||
|
|
||||||
html.rl-mobile &{
|
|
||||||
margin-right: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.process-place {
|
|
||||||
text-align: center;
|
|
||||||
width: 600px;
|
|
||||||
padding: 14px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list-table {
|
.list-table {
|
||||||
|
|
||||||
width: 600px;
|
width: 600px;
|
||||||
|
|
||||||
td {
|
|
||||||
padding: 4px 8px;
|
|
||||||
line-height: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.template-img {
|
.template-img {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
|
|
|
||||||
|
|
@ -1,22 +1,6 @@
|
||||||
|
|
||||||
.b-settings-content {
|
|
||||||
.b-settings-themes {
|
|
||||||
.legend {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
html.rl-mobile .b-settings-content .b-settings-theme .legend {
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.b-themes-list {
|
.b-themes-list {
|
||||||
|
|
||||||
html.rl-mobile &{
|
|
||||||
margin-right: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.e-item {
|
.e-item {
|
||||||
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
|
||||||
|
|
@ -266,10 +266,10 @@ select {
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
html.rl-mobile {
|
/* mobile and tablet */
|
||||||
|
@media screen and (max-width: 999px) {
|
||||||
|
|
||||||
#rl-popups .modal {
|
#rl-popups .modal {
|
||||||
width: 100% !important;
|
|
||||||
width: calc(~'100% - 20px') !important;
|
width: calc(~'100% - 20px') !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -295,6 +295,7 @@ html.rl-mobile {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.close-input-wrp {
|
.close-input-wrp {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
|
||||||
|
|
@ -16,7 +16,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="b-content">
|
<div class="b-content">
|
||||||
<div class="content g-scrollbox">
|
<div class="content">
|
||||||
<div class="content-wrapper">
|
<div class="content-wrapper">
|
||||||
<div id="rl-settings-subscreen" class="b-settings-content" style="position: relative; z-index: 2"></div>
|
<div id="rl-settings-subscreen" class="b-settings-content" style="position: relative; z-index: 2"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,7 @@
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="b-content opacity-on-panel-disabled" data-bind="visible: allowFolders, css: {'inbox-is-starred': isInboxStarred}">
|
<div class="b-content opacity-on-panel-disabled" data-bind="visible: allowFolders, css: {'inbox-is-starred': isInboxStarred}">
|
||||||
<div class="content g-scrollbox">
|
<div class="content">
|
||||||
<div class="content-wrapper">
|
<div class="content-wrapper">
|
||||||
<div class="b-folders-system" data-bind="template: { name: 'MailFolderListSystemItem', foreach: folderListSystem }"></div>
|
<div class="b-folders-system" data-bind="template: { name: 'MailFolderListSystemItem', foreach: folderListSystem }"></div>
|
||||||
<hr class="b-list-delimiter" />
|
<hr class="b-list-delimiter" />
|
||||||
|
|
|
||||||
|
|
@ -158,7 +158,7 @@
|
||||||
<div class="line-loading e-strip-animation" data-bind="visible: messageListCompleteLoadingThrottle"></div>
|
<div class="line-loading e-strip-animation" data-bind="visible: messageListCompleteLoadingThrottle"></div>
|
||||||
<div class="mainDelimiter toolbarDelimiter"></div>
|
<div class="mainDelimiter toolbarDelimiter"></div>
|
||||||
<div class="b-content" data-bind="initDom: dragOverBodyArea">
|
<div class="b-content" data-bind="initDom: dragOverBodyArea">
|
||||||
<div class="content g-scrollbox">
|
<div class="content">
|
||||||
<div class="content-wrapper">
|
<div class="content-wrapper">
|
||||||
<div class="listThreadUidDesc" data-bind="visible: '' !== messageListEndThreadUid(), click: cancelThreadUid">
|
<div class="listThreadUidDesc" data-bind="visible: '' !== messageListEndThreadUid(), click: cancelThreadUid">
|
||||||
<i class="icon-left" data-bind="click: cancelThreadUid"></i>
|
<i class="icon-left" data-bind="click: cancelThreadUid"></i>
|
||||||
|
|
|
||||||
|
|
@ -283,7 +283,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="messageItem fixIndex" data-bind="css: viewLineAsCss(), attr: {'style': 'top:' + viewBodyTopValue() + 'px' }">
|
<div class="messageItem fixIndex" data-bind="css: viewLineAsCss(), attr: {'style': 'top:' + viewBodyTopValue() + 'px' }">
|
||||||
<div class="content g-scrollbox" tabindex="0" data-bind="hasfocus: messageDomFocused, css: { 'focused': messageDomFocused },
|
<div class="content" tabindex="0" data-bind="hasfocus: messageDomFocused, css: { 'focused': messageDomFocused },
|
||||||
style: {'background-color': messageLoadingThrottle() ? '' : bodyBackgroundColor()}">
|
style: {'background-color': messageLoadingThrottle() ? '' : bodyBackgroundColor()}">
|
||||||
|
|
||||||
<div class="content-wrapper">
|
<div class="content-wrapper">
|
||||||
|
|
|
||||||
|
|
@ -183,7 +183,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="attachmentAreaParent b-content" data-bind="visible: attachmentsPlace">
|
<div class="attachmentAreaParent b-content" data-bind="visible: attachmentsPlace">
|
||||||
<div class="content g-scrollbox">
|
<div class="content">
|
||||||
<div class="content-wrapper">
|
<div class="content-wrapper">
|
||||||
<div class="b-attachment-place" data-bind="visible: addAttachmentEnabled() && dragAndDropEnabled() && dragAndDropVisible(), initDom: composeUploaderDropPlace, css: {'dragAndDropOver': dragAndDropOver}">
|
<div class="b-attachment-place" data-bind="visible: addAttachmentEnabled() && dragAndDropEnabled() && dragAndDropVisible(), initDom: composeUploaderDropPlace, css: {'dragAndDropOver': dragAndDropOver}">
|
||||||
<span class="i18n" data-i18n="COMPOSE/ATTACH_DROP_FILES_DESC"></span>
|
<span class="i18n" data-i18n="COMPOSE/ATTACH_DROP_FILES_DESC"></span>
|
||||||
|
|
|
||||||
|
|
@ -69,7 +69,7 @@
|
||||||
<input type="text" class="i18n span3 e-search" placeholder="Search" autocorrect="off" autocapitalize="off" data-i18n="[placeholder]GLOBAL/SEARCH" data-bind="value: search" />
|
<input type="text" class="i18n span3 e-search" placeholder="Search" autocorrect="off" autocapitalize="off" data-i18n="[placeholder]GLOBAL/SEARCH" data-bind="value: search" />
|
||||||
</div>
|
</div>
|
||||||
<div class="b-list-content g-ui-user-select-none" data-bind="css: {'hideContactListCheckbox': !useCheckboxesInList()}">
|
<div class="b-list-content g-ui-user-select-none" data-bind="css: {'hideContactListCheckbox': !useCheckboxesInList()}">
|
||||||
<div class="content g-scrollbox">
|
<div class="content">
|
||||||
<div class="content-wrapper">
|
<div class="content-wrapper">
|
||||||
<div class="listClear" data-bind="visible: viewClearSearch() && '' !== search()">
|
<div class="listClear" data-bind="visible: viewClearSearch() && '' !== search()">
|
||||||
<span class="g-ui-link i18n" data-i18n="CONTACTS/CLEAR_SEARCH" data-bind="command: clearCommand"></span>
|
<span class="g-ui-link i18n" data-i18n="CONTACTS/CLEAR_SEARCH" data-bind="command: clearCommand"></span>
|
||||||
|
|
@ -161,7 +161,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="b-view-content" data-bind="css: {'read-only': viewReadOnly}">
|
<div class="b-view-content" data-bind="css: {'read-only': viewReadOnly}">
|
||||||
<div class="content g-scrollbox">
|
<div class="content">
|
||||||
<div class="content-wrapper">
|
<div class="content-wrapper">
|
||||||
<div class="b-contact-view-desc" data-bind="visible: emptySelection">
|
<div class="b-contact-view-desc" data-bind="visible: emptySelection">
|
||||||
<span class="i18n" data-i18n="CONTACTS/CONTACT_VIEW_DESC"></span>
|
<span class="i18n" data-i18n="CONTACTS/CONTACT_VIEW_DESC"></span>
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="span8 width100-on-mobile">
|
<div class="span8 width100-on-mobile">
|
||||||
<table class="table table-hover list-table scripts-list g-ui-user-select-none"
|
<table class="table table-hover list-table g-ui-user-select-none"
|
||||||
data-bind="i18nUpdate: scripts">
|
data-bind="i18nUpdate: scripts">
|
||||||
<colgroup>
|
<colgroup>
|
||||||
<col style="width: 30px" />
|
<col style="width: 30px" />
|
||||||
|
|
|
||||||
|
|
@ -19,7 +19,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="b-content">
|
<div class="b-content">
|
||||||
<div class="content g-scrollbox">
|
<div class="content">
|
||||||
<div class="content-wrapper">
|
<div class="content-wrapper">
|
||||||
<div id="rl-settings-subscreen" class="b-settings-content" style="position: relative; z-index: 2"></div>
|
<div id="rl-settings-subscreen" class="b-settings-content" style="position: relative; z-index: 2"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue