athphane/relaticle-comments
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: match mention badge style exactly to Filament RichEditor spec

Browse Source 
Filament uses: bg-primary-50 text-primary-600 rounded px-1 font-medium
dark: bg-primary-400/10 text-primary-400 — no border, 0.25rem radius.
Previous commit added incorrect border/padding/font-weight overrides.
This commit is contained in:
ilyapashayan
2026-04-01 01:24:25 +04:00
parent 4b783e437f
commit bb88583f09
1 changed files with 11 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
resources/css/comments.css
View File

@@ -1,20 +1,18 @@
.comment-mention {
display: inline-flex;
align-items: center;
background-color: rgb(var(--primary-50));
color: rgb(var(--primary-700));
border: 1px solid rgb(var(--primary-200));
border-radius: 0.375rem;
padding: 0.0625rem 0.375rem;
font-size: 0.875em;
font-weight: 600;
line-height: 1.5;
color: rgb(var(--primary-600));
margin-top: 0;
margin-bottom: 0;
display: inline-block;
border-radius: 0.25rem;
padding-left: 0.25rem;
padding-right: 0.25rem;
font-weight: 500;
white-space: nowrap;
transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
transition: background-color 0.15s ease, color 0.15s ease;
}
.dark .comment-mention {
background-color: rgb(var(--primary-400) / 0.15);
color: rgb(var(--primary-300));
border-color: rgb(var(--primary-400) / 0.3);
background-color: rgb(var(--primary-400) / 0.1);
color: rgb(var(--primary-400));
}