CSS fixes for table filter tags

This commit is contained in:
Oliver 2022-01-11 14:31:35 +11:00
parent 410e5da371
commit 1ddf3c62c4
2 changed files with 12 additions and 1 deletions

View File

@ -319,6 +319,7 @@ main {
display: inline-block;
*display: inline;
zoom: 1;
padding-top: 3px;
padding-left: 3px;
padding-right: 3px;
border: 1px solid #aaa;
@ -327,6 +328,7 @@ main {
margin: 1px;
margin-left: 5px;
margin-right: 5px;
white-space: nowrap;
}
.filter-button {

View File

@ -305,7 +305,16 @@ function setupFilterList(tableKey, table, target) {
var title = getFilterTitle(tableKey, key);
var description = getFilterDescription(tableKey, key);
element.append(`<div title='${description}' class='filter-tag'>${title} = ${value}<span ${tag}='${key}' class='close'>x</span></div>`);
var filter_tag = `
<div title='${description}' class='filter-tag'>
${title} = ${value}
<span ${tag}='${key}' class='close' style='color: #F55;'>
<span aria-hidden='true'><strong>&times;</strong></span>
</span>
</div>
`;
element.append(filter_tag);
}
// Callback for reloading the table