From bb88583f09bcaf68a9223f5799376a50182cf7db Mon Sep 17 00:00:00 2001 From: ilyapashayan Date: Wed, 1 Apr 2026 01:24:25 +0400 Subject: [PATCH] fix: match mention badge style exactly to Filament RichEditor spec MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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. --- resources/css/comments.css | 24 +++++++++++------------- 1 file changed, 11 insertions(+), 13 deletions(-) diff --git a/resources/css/comments.css b/resources/css/comments.css index 08ec231..ed75f65 100644 --- a/resources/css/comments.css +++ b/resources/css/comments.css @@ -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)); }