minor filter UI layout fix

This commit is contained in:
Andrew Dolgov 2021-02-21 13:08:34 +03:00
parent 810afdaf5a
commit 2843b99171
8 changed files with 10 additions and 6 deletions

View File

@ -695,7 +695,7 @@ class Pref_Filters extends Handler_Protected {
$feed_ids = explode(",", clean($_REQUEST["ids"])); $feed_ids = explode(",", clean($_REQUEST["ids"]));
print json_encode([ print json_encode([
"multiselect" => $this->_feed_multi_select("feed_id", $feed_ids, 'required="1" style="width : 540px; height : 300px" dojoType="fox.form.ValidationMultiSelect"') "multiselect" => $this->_feed_multi_select("feed_id", $feed_ids, 'required="1" style="width : 100%; height : 300px" dojoType="fox.form.ValidationMultiSelect"')
]); ]);
} }

View File

@ -423,8 +423,8 @@ const Filters = {
${App.FormFields.hidden_tag("method", filter_id ? "editSave" : "add")} ${App.FormFields.hidden_tag("method", filter_id ? "editSave" : "add")}
${App.FormFields.hidden_tag("csrf_token", App.getInitParam('csrf_token'))} ${App.FormFields.hidden_tag("csrf_token", App.getInitParam('csrf_token'))}
<section> <section class="horizontal">
<input required="true" dojoType="dijit.form.ValidationTextBox" style="width : 530px" <input required="true" dojoType="dijit.form.ValidationTextBox" style="width : 100%"
placeholder="${__("Title")}" name="title" value="${App.escapeHtml(filter.title)}"> placeholder="${__("Title")}" name="title" value="${App.escapeHtml(filter.title)}">
</section> </section>
@ -496,9 +496,7 @@ const Filters = {
</div> </div>
</div> </div>
<br/> <section class="horizontal">
<section class="narrow">
${Object.keys(options).map((name) => ${Object.keys(options).map((name) =>
` `
<fieldset class='narrow'> <fieldset class='narrow'>

View File

@ -456,6 +456,7 @@ body.ttrss_main .dijitDialog .dlgSecCont {
margin: 10px 20px; margin: 10px 20px;
} }
body.ttrss_main .dijitDialog header.horizontal + section, body.ttrss_main .dijitDialog header.horizontal + section,
body.ttrss_main .dijitDialog section.horizontal,
body.ttrss_main .dijitDialog .dlgSecHoriz + .dlgSecCont { body.ttrss_main .dijitDialog .dlgSecHoriz + .dlgSecCont {
margin: 10px 0; margin: 10px 0;
} }

View File

@ -456,6 +456,7 @@ body.ttrss_main .dijitDialog .dlgSecCont {
margin: 10px 20px; margin: 10px 20px;
} }
body.ttrss_main .dijitDialog header.horizontal + section, body.ttrss_main .dijitDialog header.horizontal + section,
body.ttrss_main .dijitDialog section.horizontal,
body.ttrss_main .dijitDialog .dlgSecHoriz + .dlgSecCont { body.ttrss_main .dijitDialog .dlgSecHoriz + .dlgSecCont {
margin: 10px 0; margin: 10px 0;
} }

View File

@ -456,6 +456,7 @@ body.ttrss_main .dijitDialog .dlgSecCont {
margin: 10px 20px; margin: 10px 20px;
} }
body.ttrss_main .dijitDialog header.horizontal + section, body.ttrss_main .dijitDialog header.horizontal + section,
body.ttrss_main .dijitDialog section.horizontal,
body.ttrss_main .dijitDialog .dlgSecHoriz + .dlgSecCont { body.ttrss_main .dijitDialog .dlgSecHoriz + .dlgSecCont {
margin: 10px 0; margin: 10px 0;
} }

View File

@ -530,6 +530,7 @@ body.ttrss_main {
} }
header.horizontal + section, header.horizontal + section,
section.horizontal,
.dlgSecHoriz + .dlgSecCont { .dlgSecHoriz + .dlgSecCont {
margin : 10px 0; margin : 10px 0;
} }

View File

@ -457,6 +457,7 @@ body.ttrss_main .dijitDialog .dlgSecCont {
margin: 10px 20px; margin: 10px 20px;
} }
body.ttrss_main .dijitDialog header.horizontal + section, body.ttrss_main .dijitDialog header.horizontal + section,
body.ttrss_main .dijitDialog section.horizontal,
body.ttrss_main .dijitDialog .dlgSecHoriz + .dlgSecCont { body.ttrss_main .dijitDialog .dlgSecHoriz + .dlgSecCont {
margin: 10px 0; margin: 10px 0;
} }

View File

@ -457,6 +457,7 @@ body.ttrss_main .dijitDialog .dlgSecCont {
margin: 10px 20px; margin: 10px 20px;
} }
body.ttrss_main .dijitDialog header.horizontal + section, body.ttrss_main .dijitDialog header.horizontal + section,
body.ttrss_main .dijitDialog section.horizontal,
body.ttrss_main .dijitDialog .dlgSecHoriz + .dlgSecCont { body.ttrss_main .dijitDialog .dlgSecHoriz + .dlgSecCont {
margin: 10px 0; margin: 10px 0;
} }