Cleanup more CSS

This commit is contained in:
djmaze 2021-02-07 21:10:05 +01:00
parent 48424e213b
commit badf422178
24 changed files with 22 additions and 130 deletions

View file

@ -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));

View file

@ -114,7 +114,3 @@
} }
} }
} }
html.rl-mobile .b-settings-content .legend {
width: auto;
}

View file

@ -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;

View file

@ -5,9 +5,6 @@
width: 650px; width: 650px;
} }
.process-place {
visibility: hidden;
}
} }
.b-admin-packages-list-table { .b-admin-packages-list-table {

View file

@ -1,10 +1,4 @@
.b-admin-plugins {
.process-place {
visibility: hidden;
}
}
.b-admin-plugins-list-table { .b-admin-plugins-list-table {
&.disabled { &.disabled {

View file

@ -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');
} }

View file

@ -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;
} }

View file

@ -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 {

View file

@ -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;

View file

@ -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;
} }

View file

@ -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;

View file

@ -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;
} }

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -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>

View file

@ -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" />

View file

@ -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>

View file

@ -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">

View file

@ -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>

View file

@ -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>

View file

@ -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" />

View file

@ -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>