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

Add padding to tag links (#6129)

Browse source
This commit is contained in:
WithoutPants 2025-10-13 13:13:58 +11:00 committed by GitHub
parent d3f6301101
commit 6d76fe690b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ui/v2.5/src/components/Shared/TagLink.tsx
View file

@ -36,7 +36,7 @@ const SortNameLinkComponent: React.FC<ISortNameLinkProps> = ({
<Badge <Badge
data-name={className} data-name={className}
data-sort-name={sortName} data-sort-name={sortName}
className={cx("tag-item", className)} className={cx("tag-item tag-link", className)}
variant="secondary" variant="secondary"
> >
<Link to={link}>{children}</Link> <Link to={link}>{children}</Link>
@ -55,7 +55,7 @@ const CommonLinkComponent: React.FC<ICommonLinkProps> = ({
children, children,
}) => { }) => {
return ( return (
<Badge className={cx("tag-item", className)} variant="secondary"> <Badge className={cx("tag-item tag-link", className)} variant="secondary">
<Link to={link}>{children}</Link> <Link to={link}>{children}</Link>
</Badge> </Badge>
); );

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

@ -710,6 +710,15 @@ div.dropdown-menu {
margin: 5px; margin: 5px;
padding: 2px 6px; padding: 2px 6px;
// if link, move padding to link to make full tag clickable
&.tag-link {
padding: 0;
a {
padding: 2px 6px;
}
}
&:hover { &:hover {
cursor: pointer; cursor: pointer;
} }