HMC
/
handmade-revolt
forked from abner/for-legacy-web
2
0
Fork 0
Code Pull Requests Actions Activity

fix: correct mention styling

feat/custom-emoji-autocomplete
Paul Makles 2022-07-08 16:58:21 +01:00
parent 7e20d5029e
commit c12d40d0da
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/markdown/plugins/mentions.tsx
View File

@ -7,19 +7,28 @@ import { createComponent, CustomComponentProps } from "./remarkRegexComponent";
const Mention = styled.a` const Mention = styled.a`
gap: 4px; gap: 4px;
padding: 0 6px;
flex-shrink: 0; flex-shrink: 0;
padding-left: 2px;
padding-right: 6px;
align-items: center; align-items: center;
display: inline-flex; display: inline-flex;
vertical-align: middle;
cursor: pointer; cursor: pointer;
font-weight: 600; font-weight: 600;
text-decoration: none !important;
background: var(--secondary-background); background: var(--secondary-background);
border-radius: calc(var(--border-radius) * 2); border-radius: calc(var(--border-radius) * 2);
transition: 0.1s ease filter;
&:hover { &:hover {
text-decoration: none; filter: brightness(0.75);
}
&:active {
filter: brightness(0.65);
} }
svg { svg {