Merge pull request #1113 from tchapgouv/1112-regression-icon-aide

fix(icon): use new compound icon for help in leftpanel
tchapgouv · Sep 30, 2024 · b1d604e · b1d604e
2 parents e5cdce6 + c6a644e
commit b1d604e
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}