prevent horizontal scrolling in filter editor dialog if rules are very long

This commit is contained in:
Andrew Dolgov 2020-11-27 12:27:12 +03:00
parent 8479421da4
commit d1ee30d1ba
8 changed files with 47 additions and 8 deletions

1
.gitignore vendored
View File

@ -21,3 +21,4 @@ web.config
/.save.cson
/.tags*
/.gutentags
/.vscode/settings.json

View File

@ -552,7 +552,7 @@ class Pref_Filters extends Handler_Protected {
return "<span class='filterRule $inverse'>" .
T_sprintf("%s on %s in %s %s", htmlspecialchars($rule["reg_exp"]),
$filter_type, $feed, isset($rule["inverse"]) ? __("(inverse)") : "") . "</span>";
"<span class='field'>$filter_type</span>", "<span class='feed'>$feed</span>", isset($rule["inverse"]) ? __("(inverse)") : "") . "</span>";
}
function printRuleName() {

View File

@ -1662,8 +1662,14 @@ body.ttrss_utility.share_popup .content {
position: relative;
top: -1px;
}
.flat #filterDlg_Matches span.filterRule {
.flat #filterDlg_Matches .filterRule {
color: green;
word-break: break-all;
}
.flat #filterDlg_Matches .filterRule .field,
.flat #filterDlg_Matches .filterRule .feed {
word-break: break-word;
font-style: italic;
}
.flat #filterTree .filterRules li.inverse,
.flat #filterDlg_Matches span.filterRule.inverse {

View File

@ -1568,8 +1568,14 @@ body.ttrss_utility fieldset > label.checkbox {
position: relative;
top: -1px;
}
.flat #filterDlg_Matches span.filterRule {
.flat #filterDlg_Matches .filterRule {
color: green;
word-break: break-all;
}
.flat #filterDlg_Matches .filterRule .field,
.flat #filterDlg_Matches .filterRule .feed {
word-break: break-word;
font-style: italic;
}
.flat #filterTree .filterRules li.inverse,
.flat #filterDlg_Matches span.filterRule.inverse {

View File

@ -1662,8 +1662,14 @@ body.ttrss_utility.share_popup .content {
position: relative;
top: -1px;
}
.flat #filterDlg_Matches span.filterRule {
.flat #filterDlg_Matches .filterRule {
color: green;
word-break: break-all;
}
.flat #filterDlg_Matches .filterRule .field,
.flat #filterDlg_Matches .filterRule .feed {
word-break: break-word;
font-style: italic;
}
.flat #filterTree .filterRules li.inverse,
.flat #filterDlg_Matches span.filterRule.inverse {

View File

@ -20,8 +20,16 @@
top : -1px;
}
#filterDlg_Matches span.filterRule {
color: green;
#filterDlg_Matches {
.filterRule {
color: green;
word-break : break-all;
.field, .feed {
word-break : break-word;
font-style : italic;
}
}
}
#filterTree .filterRules li.inverse,

View File

@ -1569,8 +1569,14 @@ body.ttrss_utility fieldset > label.checkbox {
position: relative;
top: -1px;
}
.flat #filterDlg_Matches span.filterRule {
.flat #filterDlg_Matches .filterRule {
color: green;
word-break: break-all;
}
.flat #filterDlg_Matches .filterRule .field,
.flat #filterDlg_Matches .filterRule .feed {
word-break: break-word;
font-style: italic;
}
.flat #filterTree .filterRules li.inverse,
.flat #filterDlg_Matches span.filterRule.inverse {

View File

@ -1569,8 +1569,14 @@ body.ttrss_utility fieldset > label.checkbox {
position: relative;
top: -1px;
}
.flat #filterDlg_Matches span.filterRule {
.flat #filterDlg_Matches .filterRule {
color: green;
word-break: break-all;
}
.flat #filterDlg_Matches .filterRule .field,
.flat #filterDlg_Matches .filterRule .feed {
word-break: break-word;
font-style: italic;
}
.flat #filterTree .filterRules li.inverse,
.flat #filterDlg_Matches span.filterRule.inverse {