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();
if (mobile) {
$htmlCL.toggle('rl-mobile', mobile);
leftPanelDisabled(true);
} else {
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 {
width: 600px;

View file

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

View file

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

View file

@ -39,7 +39,7 @@
}
}
html.rl-mobile {
@media screen and (max-width: 999px) {
.b-languages-content .lang-item {
width: calc(~'100% - 40px');
}

View file

@ -389,15 +389,10 @@ html.rl-bottom-preview-pane {
}
}
.show-on-mobile,
html.rl-mobile .hide-on-mobile {
display: none !important;
}
html.rl-mobile .show-on-mobile {
display: initial !important;
}
html.rl-mobile .width100-on-mobile {
width: 100% !important;
}

View file

@ -117,6 +117,15 @@
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 {

View file

@ -1,25 +1,10 @@
.b-settings-accounts {
html.rl-mobile &{
margin-right: 15px;
}
.process-place {
text-align: center;
width: 600px;
padding: 14px 0;
}
.list-table {
width: 600px;
td {
padding: 4px 8px;
line-height: 30px;
}
.account-img, .identity-img {
font-size: 12px;
margin-right: 5px;

View file

@ -1,19 +1,9 @@
html.rl-mobile .b-settings-filters {
margin-right: 15px;
}
.b-filter-script {
width: auto;
max-width: 720px;
}
.filter-item td,
.script-item td {
padding: 4px 8px;
line-height: 30px;
}
.filter-item td.drag-wrapper {
padding: 4px 0;
}

View file

@ -1,22 +1,12 @@
.b-settings-folders {
html.rl-mobile &{
margin-right: 35px;
}
&.ignore-folder-subscribe {
.subscribe-folder, .unsubscribe-folder {
display: none;
}
}
.process-place {
text-align: center;
width: 600px;
padding: 14px 0;
}
.folders-list-error {
width: 550px;
margin: 10px 0;
@ -30,11 +20,6 @@
cursor: pointer;
}
td {
padding: 4px 8px;
line-height: 30px;
}
.folder-padding {
display: inline-block;
width: 0;

View file

@ -1,10 +1,6 @@
.b-settings-general {
html.rl-mobile &{
margin-right: 15px;
}
.flag-selector {
padding-top: 5px;
}

View file

@ -1,25 +1,10 @@
.b-settings-open-pgp {
html.rl-mobile &{
margin-right: 15px;
}
.process-place {
text-align: center;
width: 600px;
padding: 14px 0;
}
.list-table {
width: 750px;
td {
padding: 4px 8px;
line-height: 30px;
}
.open-pgp-key-img {
margin-right: 10px;
vertical-align: top;

View file

@ -1,25 +1,10 @@
.b-settings-templates {
html.rl-mobile &{
margin-right: 15px;
}
.process-place {
text-align: center;
width: 600px;
padding: 14px 0;
}
.list-table {
width: 600px;
td {
padding: 4px 8px;
line-height: 30px;
}
.template-img {
font-size: 12px;
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 {
html.rl-mobile &{
margin-right: 15px;
}
.e-item {
display: inline-block;

View file

@ -266,10 +266,10 @@ select {
padding-top: 0;
}
html.rl-mobile {
/* mobile and tablet */
@media screen and (max-width: 999px) {
#rl-popups .modal {
width: 100% !important;
width: calc(~'100% - 20px') !important;
}
@ -295,6 +295,7 @@ html.rl-mobile {
}
}
}
.close-input-wrp {
display: inline-block;
position: relative;

View file

@ -16,7 +16,7 @@
</div>
</div>
<div class="b-content">
<div class="content g-scrollbox">
<div class="content">
<div class="content-wrapper">
<div id="rl-settings-subscreen" class="b-settings-content" style="position: relative; z-index: 2"></div>
</div>

View file

@ -11,7 +11,7 @@
</a>
</div>
<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="b-folders-system" data-bind="template: { name: 'MailFolderListSystemItem', foreach: folderListSystem }"></div>
<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="mainDelimiter toolbarDelimiter"></div>
<div class="b-content" data-bind="initDom: dragOverBodyArea">
<div class="content g-scrollbox">
<div class="content">
<div class="content-wrapper">
<div class="listThreadUidDesc" data-bind="visible: '' !== messageListEndThreadUid(), click: cancelThreadUid">
<i class="icon-left" data-bind="click: cancelThreadUid"></i>

View file

@ -283,7 +283,7 @@
</div>
</div>
<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()}">
<div class="content-wrapper">

View file

@ -183,7 +183,7 @@
</div>
<div class="attachmentAreaParent b-content" data-bind="visible: attachmentsPlace">
<div class="content g-scrollbox">
<div class="content">
<div class="content-wrapper">
<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>

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" />
</div>
<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="listClear" data-bind="visible: viewClearSearch() && '' !== search()">
<span class="g-ui-link i18n" data-i18n="CONTACTS/CLEAR_SEARCH" data-bind="command: clearCommand"></span>
@ -161,7 +161,7 @@
</div>
</div>
<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="b-contact-view-desc" data-bind="visible: emptySelection">
<span class="i18n" data-i18n="CONTACTS/CONTACT_VIEW_DESC"></span>

View file

@ -17,7 +17,7 @@
</div>
<div class="row">
<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">
<colgroup>
<col style="width: 30px" />

View file

@ -19,7 +19,7 @@
</div>
</div>
<div class="b-content">
<div class="content g-scrollbox">
<div class="content">
<div class="content-wrapper">
<div id="rl-settings-subscreen" class="b-settings-content" style="position: relative; z-index: 2"></div>
</div>