diff --git a/frontend/src/app/main/ui/ds/foundations/assets/icon.cljs b/frontend/src/app/main/ui/ds/foundations/assets/icon.cljs index f2ccc02d4a..35da1fc550 100644 --- a/frontend/src/app/main/ui/ds/foundations/assets/icon.cljs +++ b/frontend/src/app/main/ui/ds/foundations/assets/icon.cljs @@ -325,13 +325,16 @@ (let [size-px (cond (= size "l") icon-size-l (= size "s") icon-size-s :else icon-size-m) - + offset (if (or (= size "s") (= size "m")) + (/ (- icon-size-m size-px) 2) + 0) props (mf/spread-props props {:class [class (stl/css :icon)] - :width size-px - :height size-px})] - + :width (max icon-size-m size-px) + :height (max icon-size-m size-px)})] [:> :svg props [:use {:href (dm/str "#icon-" icon-id) + :x offset + :y offset :width size-px :height size-px}]])) diff --git a/frontend/src/app/main/ui/workspace/sidebar/sitemap.scss b/frontend/src/app/main/ui/workspace/sidebar/sitemap.scss index dd0370c5ed..72f028d09c 100644 --- a/frontend/src/app/main/ui/workspace/sidebar/sitemap.scss +++ b/frontend/src/app/main/ui/workspace/sidebar/sitemap.scss @@ -96,14 +96,6 @@ height: deprecated.$s-32; width: deprecated.$s-24; padding: 0 deprecated.$s-4 0 deprecated.$s-8; - - svg { - @extend %button-icon-small; - - color: transparent; - fill: none; - stroke: var(--icon-foreground); - } } .page-actions {