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
|
||||
data-name={className}
|
||||
data-sort-name={sortName}
|
||||
className={cx("tag-item", className)}
|
||||
className={cx("tag-item tag-link", className)}
|
||||
variant="secondary"
|
||||
>
|
||||
<Link to={link}>{children}</Link>
|
||||
@@ -55,7 +55,7 @@ const CommonLinkComponent: React.FC<ICommonLinkProps> = ({
|
||||
children,
|
||||
}) => {
|
||||
return (
|
||||
<Badge className={cx("tag-item", className)} variant="secondary">
|
||||
<Badge className={cx("tag-item tag-link", className)} variant="secondary">
|
||||
<Link to={link}>{children}</Link>
|
||||
</Badge>
|
||||
);
|
||||
|
||||
@@ -710,6 +710,15 @@ div.dropdown-menu {
|
||||
margin: 5px;
|
||||
padding: 2px 6px;
|
||||
|
||||
// if link, move padding to link to make full tag clickable
|
||||
&.tag-link {
|
||||
padding: 0;
|
||||
|
||||
a {
|
||||
padding: 2px 6px;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user