Cleanup CSS for paginator and filters

This commit is contained in:
djmaze 2021-11-05 11:17:46 +01:00
parent b2635eb5c6
commit d305e090c5
7 changed files with 42 additions and 61 deletions

View file

@ -346,13 +346,9 @@ html:not(.rl-mobile) .show-mobile {
display: none !important; display: none !important;
} }
html.rl-mobile .width100-on-mobile {
width: 100% !important;
}
.e-paginator { .e-paginator {
.e-page { a {
opacity: 0.5; opacity: 0.5;
text-decoration: none; text-decoration: none;
font-size: 22px; font-size: 22px;

View file

@ -460,7 +460,7 @@ class ContactsPopupView extends AbstractViewPopup {
const self = this; const self = this;
dom.addEventListener('click', event => { dom.addEventListener('click', event => {
let el = event.target.closestWithin('.e-paginator .e-page', dom); let el = event.target.closestWithin('.e-paginator a', dom);
if (el && ko.dataFor(el)) { if (el && ko.dataFor(el)) {
self.contactsPage(pInt(ko.dataFor(el).value)); self.contactsPage(pInt(ko.dataFor(el).value));
self.reloadContactList(); self.reloadContactList();

View file

@ -694,7 +694,7 @@ export class MailMessageList extends AbstractViewRight {
AppUserStore.focusedState(Scope.MessageList); AppUserStore.focusedState(Scope.MessageList);
} }
let el = eqs(event, '.e-paginator .e-page'); let el = eqs(event, '.e-paginator a');
el && this.gotoPage(ko.dataFor(el)); el && this.gotoPage(ko.dataFor(el));
eqs(event, '.checkboxCheckAll') && this.checkAll(!this.checkAll()); eqs(event, '.checkboxCheckAll') && this.checkAll(!this.checkAll());

View file

@ -1,3 +1,3 @@
<div class="e-paginator g-ui-user-select-none" data-bind="foreach: $data"> <div class="e-paginator g-ui-user-select-none" data-bind="foreach: $data">
<a class="e-page" data-bind="css: { 'current': current, 'custom': custom }, title: title, text: name"></a> <a data-bind="css: { 'current': current, 'custom': custom }, title: title, text: name"></a>
</div> </div>

View file

@ -19,22 +19,14 @@
</div> </div>
</div> </div>
<div data-bind="visible: hasChanges"> <div class="alert g-ui-user-select-none" data-bind="visible: hasChanges">
<div class="span8 width100-on-mobile">
<div class="alert g-ui-user-select-none">
<i class="fontastic"></i> <i class="fontastic"></i>
<span data-i18n="POPUPS_SIEVE_SCRIPT/CHANGES_NEED_TO_BE_SAVED_DESC"></span> <span data-i18n="POPUPS_SIEVE_SCRIPT/CHANGES_NEED_TO_BE_SAVED_DESC"></span>
</div> </div>
</div> <div class="alert alert-error g-ui-user-select-none" data-bind="visible: $root.saveError">
</div>
<div data-bind="visible: $root.saveError">
<div class="span8 width100-on-mobile">
<div class="alert alert-error g-ui-user-select-none">
<i class="fontastic"></i> <i class="fontastic"></i>
<span data-bind="text: $root.saveErrorText"></span> <span data-bind="text: $root.saveErrorText"></span>
</div> </div>
</div>
</div>
<div class="control-group" data-bind="visible: $root.rawActive"> <div class="control-group" data-bind="visible: $root.rawActive">
<div class="controls"> <div class="controls">

View file

@ -6,16 +6,10 @@
<i class="icon-spinner" style="margin-top: 5px" data-bind="visible: loading"></i> <i class="icon-spinner" style="margin-top: 5px" data-bind="visible: loading"></i>
</div> </div>
</div> </div>
<div class="row" data-bind="visible: serverError"> <div class="alert alert-error g-ui-user-select-none" data-bind="visible: serverError">
<div class="span8 width100-on-mobile">
<div class="alert alert-error g-ui-user-select-none" style="margin-bottom: 0">
<i class="fontastic"></i> <i class="fontastic"></i>
<span data-bind="text: serverErrorDesc"></span> <span data-bind="text: serverErrorDesc"></span>
</div> </div>
</div>
</div>
<div class="row">
<div class="span8 width100-on-mobile">
<table class="table table-hover list-table 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>
@ -44,6 +38,4 @@
<i class="fontastic"></i> <i class="fontastic"></i>
<span data-i18n="SETTINGS_FILTERS/BUTTON_ADD_SCRIPT"></span> <span data-i18n="SETTINGS_FILTERS/BUTTON_ADD_SCRIPT"></span>
</a> </a>
</div>
</div>
</div> </div>

View file

@ -14,6 +14,7 @@
border: 1px solid @warningBorder; border: 1px solid @warningBorder;
border-radius: 4px; border-radius: 4px;
color: @warningText; color: @warningText;
max-width: 800px;
} }
// Adjust close link position // Adjust close link position