fix(icon): use new compound icon for help in leftpanel

tchapgouv · Sep 26, 2024 · c6a644e · c6a644e
1 parent e5cdce6
commit c6a644e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/res/css/common/_TchapLeftPanel.pcss b/res/css/common/_TchapLeftPanel.pcss
@@ -14,7 +14,9 @@
 
 .tc_sidebar_quick_faq {
     color: var(--sidebar-button-color); 
+
     &::before {
+        mask-image: url("@vector-im/compound-design-tokens/icons/help-solid.svg") !important;
         background: var(--sidebar-button-color);
     }
 }
diff --git a/src/tchap/components/views/common/QuickFaq.tsx b/src/tchap/components/views/common/QuickFaq.tsx
@@ -54,7 +54,7 @@ const QuickFaqButton: React.FC<{
     return (
         <>
             <AccessibleButton
-                className={classNames(["mx_QuickSettingsButton", { expanded: !isPanelCollapsed }, "mx_UserSettingsDialog_helpIcon", "tc_sidebar_quick_faq"])}
+                className={classNames(["mx_QuickSettingsButton", { expanded: !isPanelCollapsed }, "tc_sidebar_quick_faq"])}
                 onClick={openMenu}
                 aria-label={_t("common|help")}
                 title={isPanelCollapsed ? _t("common|help") : undefined}