Improve Sieve Scripts editor layout

This commit is contained in:
djmaze 2021-01-22 16:45:12 +01:00
parent 1535dd00f1
commit 23d7fecd22
3 changed files with 57 additions and 66 deletions

View file

@ -4,13 +4,8 @@ html.rl-mobile .b-settings-filters {
} }
.b-filter-script { .b-filter-script {
width: 800px; width: auto;
min-width: 640px; max-width: 720px;
}
.b-settings-filters .list-table,
.b-filter-script .list-table {
width: 600px;
} }
.filter-item td, .filter-item td,

View file

@ -8,8 +8,8 @@
</h3> </h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="row filter" data-bind="with: filter, i18nInit: filter"> <div class="filter" data-bind="with: filter, i18nInit: filter">
<div class="span9" data-bind="i18nInit: true"> <div data-bind="i18nInit: true">
<div class="control-group" data-bind="css: {'error': nameError}"> <div class="control-group" data-bind="css: {'error': nameError}">
<div class="controls"> <div class="controls">

View file

@ -20,7 +20,7 @@
</div> </div>
</div> </div>
<div class="row" data-bind="visible: hasChanges"> <div data-bind="visible: hasChanges">
<div class="span8 width100-on-mobile"> <div class="span8 width100-on-mobile">
<div class="alert g-ui-user-select-none"> <div class="alert g-ui-user-select-none">
<i class="icon-warning"></i> <i class="icon-warning"></i>
@ -29,7 +29,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row" data-bind="visible: $root.saveError"> <div data-bind="visible: $root.saveError">
<div class="span8 width100-on-mobile"> <div class="span8 width100-on-mobile">
<div class="alert alert-error g-ui-user-select-none"> <div class="alert alert-error g-ui-user-select-none">
<i class="icon-warning"></i> <i class="icon-warning"></i>
@ -39,8 +39,6 @@
</div> </div>
</div> </div>
<div class="row">
<div class="span8 width100-on-mobile">
<div class="control-group" data-bind="visible: $root.rawActive"> <div class="control-group" data-bind="visible: $root.rawActive">
<div class="controls"> <div class="controls">
<pre> <pre>
@ -95,8 +93,6 @@
</a> </a>
</div> </div>
</div> </div>
</div>
</div>
<div class="modal-footer"> <div class="modal-footer">
<a class="btn" data-bind="visible: $root.allowToggle, click: function() { $root.toggleFiltersRaw(); }, <a class="btn" data-bind="visible: $root.allowToggle, click: function() { $root.toggleFiltersRaw(); },
css: {'active': $root.rawActive }, tooltip: 'POPUPS_SIEVE_SCRIPT/BUTTON_RAW_SCRIPT'"> css: {'active': $root.rawActive }, tooltip: 'POPUPS_SIEVE_SCRIPT/BUTTON_RAW_SCRIPT'">