Assign invertOnPress class for Icons in the Editor's Toolbar

cinnyapp · Dec 10, 2024 · 02e84a8 · 02e84a8
1 parent 89172bb
commit 02e84a8
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/app/components/editor/Toolbar.tsx b/src/app/components/editor/Toolbar.tsx
@@ -72,6 +72,7 @@ export function MarkButton({ format, icon, tooltip }: MarkButtonProps) {
     <TooltipProvider tooltip={tooltip} delay={500}>
       {(triggerRef) => (
         <IconButton
+          className={css.invertOnPress}
           ref={triggerRef}
           variant="SurfaceVariant"
           onClick={handleClick}
@@ -104,6 +105,7 @@ export function BlockButton({ format, icon, tooltip }: BlockButtonProps) {
     <TooltipProvider tooltip={tooltip} delay={500}>
       {(triggerRef) => (
         <IconButton
+          className={css.invertOnPress}
           ref={triggerRef}
           variant="SurfaceVariant"
           onClick={handleClick}
@@ -342,6 +344,7 @@ export function Toolbar() {
             >
               {(triggerRef) => (
                 <IconButton
+                  className={css.invertOnPress}
                   ref={triggerRef}
                   variant="SurfaceVariant"
                   onClick={() => setIsMarkdown(!isMarkdown)}