From 7d2aef441c8a2a69c25fe0502714c7bf0c78cb77 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bel=C3=A9n=20Albeza?= Date: Wed, 28 Feb 2024 16:49:54 +0100 Subject: [PATCH] :bug: Use new icons for dashboard/projects --- .../src/app/main/ui/dashboard/projects.cljs | 9 +++++--- .../src/app/main/ui/dashboard/projects.scss | 22 ++++++++----------- 2 files changed, 15 insertions(+), 16 deletions(-) diff --git a/frontend/src/app/main/ui/dashboard/projects.cljs b/frontend/src/app/main/ui/dashboard/projects.cljs index 96b47020d..179f66d32 100644 --- a/frontend/src/app/main/ui/dashboard/projects.cljs +++ b/frontend/src/app/main/ui/dashboard/projects.cljs @@ -34,6 +34,9 @@ [potok.v2.core :as ptk] [rumext.v2 :as mf])) +(def ^:private show-more-icon + (i/icon-xref :arrow-refactor (stl/css :show-more-icon))) + (mf/defc header {::mf/wrap [mf/memo]} [] @@ -314,7 +317,7 @@ :aria-label (tr "dashboard.new-file") :data-test "project-new-file" :on-key-down handle-create-click} - i/close] + i/add-refactor] [:button {:class (stl/css :btn-secondary :btn-small :tooltip :tooltip-bottom) @@ -323,7 +326,7 @@ :aria-label (tr "dashboard.options") :data-test "project-options" :on-key-down handle-menu-click} - i/actions]]]] + i/menu-refactor]]]] [:div {:class (stl/css :grid-container) :ref rowref} [:& line-grid @@ -343,7 +346,7 @@ (when (kbd/enter? event) (on-nav)))} [:div {:class (stl/css :placeholder-label)} (tr "dashboard.show-all-files")] - [:div {:class (stl/css :placeholder-icon)} i/arrow-down]])])) + show-more-icon])])) (def recent-files-ref diff --git a/frontend/src/app/main/ui/dashboard/projects.scss b/frontend/src/app/main/ui/dashboard/projects.scss index 30e72fff7..b950bd48e 100644 --- a/frontend/src/app/main/ui/dashboard/projects.scss +++ b/frontend/src/app/main/ui/dashboard/projects.scss @@ -115,9 +115,11 @@ } .show-more { - align-items: center; - color: $df-secondary; display: flex; + align-items: center; + column-gap: $s-12; + + color: $df-secondary; font-size: $fs-14; justify-content: space-between; cursor: pointer; @@ -129,20 +131,14 @@ &:hover { color: $da-tertiary; - svg { - fill: $da-tertiary; - } } } -.placeholder-icon { - transform: rotate(-90deg); - margin-left: $s-12; - svg { - height: $s-16; - width: $s-16; - fill: $df-secondary; - } +.show-more-icon { + height: $s-16; + width: $s-16; + fill: none; + stroke: currentColor; } .team-hero {