mirror of
https://github.com/stashapp/stash.git
synced 2025-12-17 04:14:39 +03:00
Add padding to tag links (#6129)
This commit is contained in:
@@ -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>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user