From da6255dd0cbf1ee6e891da95cf57314af131be61 Mon Sep 17 00:00:00 2001 From: Dwindi Ramadhana Date: Sat, 3 Jan 2026 17:40:44 +0700 Subject: [PATCH] fix: remove emoji from TipTap button, add subtle background MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Removed 🔘 emoji prefix from button text - Button now shows text with subtle purple background pill - Added padding and border-radius to differentiate from regular links - Hover tooltip still shows 'Button: text → url' for clarity --- admin-spa/src/components/ui/tiptap-button-extension.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/admin-spa/src/components/ui/tiptap-button-extension.ts b/admin-spa/src/components/ui/tiptap-button-extension.ts index bb0e2fa..cca5056 100644 --- a/admin-spa/src/components/ui/tiptap-button-extension.ts +++ b/admin-spa/src/components/ui/tiptap-button-extension.ts @@ -69,20 +69,20 @@ export const ButtonExtension = Node.create({ // Simple link styling - no fancy button appearance in editor // The actual button styling happens in email rendering (EmailRenderer.php) - // In editor, just show as a link with visual indicator it's a button + // In editor, just show as a styled link (differentiable from regular links) return [ 'a', mergeAttributes(this.options.HTMLAttributes, { href, class: 'button-node', - style: 'color: #7f54b3; text-decoration: underline; cursor: pointer; font-weight: 500;', + style: 'color: #7f54b3; text-decoration: underline; cursor: pointer; font-weight: 600; background: rgba(127,84,179,0.1); padding: 2px 6px; border-radius: 3px;', 'data-button': '', 'data-text': text, 'data-href': href, 'data-style': style, title: `Button: ${text} → ${href}`, }), - `🔘 ${text}`, + text, ]; },