3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-06-14 03:31:40 +02:00
Code Issues Projects Releases Packages Wiki Activity

💄 Add cosmetic improvements to sidebar assets namespace

Browse source
This commit is contained in:
Andrey Antukh 2023-08-28 19:24:20 +02:00
parent c6e248b52f
commit b649adf544
1 changed files with 10 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

21
frontend/src/app/main/ui/workspace/sidebar/assets.cljs
View file

@ -5,7 +5,7 @@
;; Copyright (c) KALEIDOS INC ;; Copyright (c) KALEIDOS INC
(ns app.main.ui.workspace.sidebar.assets (ns app.main.ui.workspace.sidebar.assets
(:require-macros [app.main.style :refer [css]]) (:require-macros [app.main.style :as stl])
(:require (:require
[app.common.data.macros :as dm] [app.common.data.macros :as dm]
[app.main.data.modal :as modal] [app.main.data.modal :as modal]
@ -80,7 +80,6 @@
:open-menu false}) :open-menu false})
filters (deref filters*) filters (deref filters*)
term (:term filters) term (:term filters)
ordering (:ordering filters)
list-style (:list-style filters) list-style (:list-style filters)
menu-open? (:open-menu filters) menu-open? (:open-menu filters)
section (:section filters) section (:section filters)
@ -175,22 +174,22 @@
:data-test "typographies"}]] :data-test "typographies"}]]
(if ^boolean new-css-system (if ^boolean new-css-system
[:div {:class (css :assets-bar)} [:div {:class (stl/css :assets-bar)}
[:div {:class (css :assets-header)} [:div {:class (stl/css :assets-header)}
(when-not ^boolean read-only? (when-not ^boolean read-only?
[:button {:class (css :libraries-button) [:button {:class (stl/css :libraries-button)
:on-click #(modal/show! :libraries-dialog {})} :on-click show-libraries-dialog}
[:span {:class (css :libraries-icon)} [:span {:class (stl/css :libraries-icon)}
i/library-refactor] i/library-refactor]
(tr "workspace.assets.libraries")]) (tr "workspace.assets.libraries")])
[:div {:class (css :search-wrapper)} [:div {:class (stl/css :search-wrapper)}
[:& search-bar {:on-change on-search-term-change [:& search-bar {:on-change on-search-term-change
:value term :value term
:placeholder (tr "workspace.assets.search")} :placeholder (tr "workspace.assets.search")}
[:button [:button
{:on-click on-open-menu {:on-click on-open-menu
:class (dom/classnames (css :section-button) true)} :class (stl/css :section-button)}
i/filter-refactor]] i/filter-refactor]]
[:& context-menu-a11y [:& context-menu-a11y
{:on-close on-menu-close {:on-close on-menu-close
@ -203,7 +202,7 @@
:left 64 :left 64
:options options :options options
:workspace? true}] :workspace? true}]
[:button {:class (css :sort-button) [:button {:class (stl/css :sort-button)
:on-click toggle-ordering} :on-click toggle-ordering}
(if reverse-sort? (if reverse-sort?
i/asc-sort-refactor i/asc-sort-refactor
@ -212,7 +211,7 @@
[:& (mf/provider cmm/assets-filters) {:value filters} [:& (mf/provider cmm/assets-filters) {:value filters}
[:& (mf/provider cmm/assets-toggle-ordering) {:value toggle-ordering} [:& (mf/provider cmm/assets-toggle-ordering) {:value toggle-ordering}
[:& (mf/provider cmm/assets-toggle-list-style) {:value toggle-list-style} [:& (mf/provider cmm/assets-toggle-list-style) {:value toggle-list-style}
[:div {:class (dom/classnames (css :libraries-wrapper) true)} [:div {:class (stl/css :libraries-wrapper)}
[:& assets-local-library {:filters filters}] [:& assets-local-library {:filters filters}]
[:& assets-libraries {:filters filters}]]]]]] [:& assets-libraries {:filters filters}]]]]]]