Add padding to tag links (#6129)

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

View file

@ -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>
);

View file

@ -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;
}