Backup_Repos/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2025-12-07 17:02:38 +01:00
Code Issues Projects Releases Wiki Activity

CSS: Fix mobile filter tags (#2584)

Browse source
This commit is contained in:
kermieisinthehouse 2022-05-15 16:50:51 -07:00 committed by GitHub
parent 55366fa66f
commit 1200d4472a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ui/v2.5/src/components/List/FilterTags.tsx
View file

@ -55,6 +55,8 @@ export const FilterTags: React.FC<IFilterTagsProps> = ({
}
return (
<div className="d-flex justify-content-center">{renderFilterTags()}</div>
<div className="d-flex justify-content-center mb-2 wrap-tags">
{renderFilterTags()}
</div>
);
};

13
ui/v2.5/src/index.scss
View file

@ -338,6 +338,19 @@ div.dropdown-menu {
margin-right: 10px;
}
.wrap-tags {
column-gap: 10px;
flex-wrap: wrap;
row-gap: 10px;
/* stylelint-disable */
.badge {
white-space: normal !important;
margin: unset;
}
/* stylelint-enable */
}
.tag-item {
background-color: $muted-gray;
color: $dark-text;