3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-08 02:35:53 +02:00
Code Issues Projects Releases Packages Wiki Activity

Cleanup styles

Browse source
This commit is contained in:
Florian Schroedl 2024-08-16 13:59:18 +02:00
parent 6a7ced3204
commit 62712ef8da
1 changed files with 45 additions and 53 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
frontend/src/app/main/ui/workspace/tokens/sidebar.cljs
View file

@ -173,55 +173,47 @@
selected-theme (get themes-index selected-theme-id) selected-theme (get themes-index selected-theme-id)
selected-token-set-id (mf/deref refs/workspace-selected-token-set-id) selected-token-set-id (mf/deref refs/workspace-selected-token-set-id)
token-sets (mf/deref refs/workspace-token-sets)] token-sets (mf/deref refs/workspace-token-sets)]
(js/console.log "selected-theme" selected-theme)
[:div [:div
{:style {:display "flex" [:style
:flex-direction "column" (str "@scope {"
:gap "10px" (str/join "\n"
:max-height "60vh" ["ul { list-style-type: disk; margin-left: 20px; }"
".spaced { display: flex; gap: 10px; justify-content: space-between; }"
".spaced-y { display: flex; flex-direction: column; gap: 10px }"
".selected { font-weight: 600; }"
"b { font-weight: 600; }"])
"}")]
[:div.spaced-y
{:style {:max-height "60vh"
:overflow "auto" :overflow "auto"
:border-bottom "2px solid grey" :border-bottom "2px solid grey"
:padding "10px" :padding "10px"
:margin-bottom "50px"}} :margin-bottom "50px"}}
(str "Themes (selected: " selected-theme-id ")") [:ul
[:div
[:ul {:style {:list-style "disk"}}
[:& tokene-theme-create] [:& tokene-theme-create]
(for [[group themes] themes] (for [[group themes] themes]
[:li [:li
{:key (str "token-theme-group" group)} {:key (str "token-theme-group" group)}
group group
#_[:ul {:style {:list-style "disk" #_[:ul
:margin-left "20px"}}
(for [{:keys [id] :as theme} themes] (for [{:keys [id] :as theme} themes]
[:li {:key (str "tokene-theme-" id)} [:li {:key (str "tokene-theme-" id)}
[:input {:type "checkbox" [:input {:type "checkbox"
:checked (wtts/theme-selected? theme)}]])]])]] :checked (wtts/theme-selected? theme)}]])]])]
"Sets" [:div.spaced
[:div [:b "Sets"]
{:style {:display "flex" :gap "10px"}} [:button {:on-click #(st/emit! (wdt/create-token-set nil))} "Create"]]
[:button [:ul.spaced-y
{:on-click #(st/emit! (wdt/create-token-set nil))}
"Create"]
#_[:button "Delete"]]
[:ul
{:style {:list-style "disk"
:margin-left "20px"
:display "flex"
:flex-direction "column"
:gap "10px"}}
(for [[_ {:keys [id name]}] token-sets] (for [[_ {:keys [id name]}] token-sets]
[:li {:style {:font-weight (when (= selected-token-set-id id) "bold")} [:li {:class [(when (= selected-token-set-id id) "selected")]
:on-click (fn [] :on-click (fn []
(st/emit! (st/emit!
(wdt/set-selected-token-set-id id) (wdt/set-selected-token-set-id id)
(wtu/update-workspace-tokens)))} (wtu/update-workspace-tokens)))}
[:div {:style {:display "flex" [:div.spaced
:justify-content "space-between"}}
name name
[:div {:style {:display "flex" [:div.spaced
:gap "5px"}}
[:button [:button
{:on-click (fn [e] {:on-click (fn [e]
(dom/prevent-default e) (dom/prevent-default e)
@ -229,13 +221,13 @@
(st/emit! (wdt/toggle-token-set id)))} (st/emit! (wdt/toggle-token-set id)))}
(if (wtts/token-set-enabled-in-theme? id selected-theme) (if (wtts/token-set-enabled-in-theme? id selected-theme)
"👁️" "👁️"
" ")] "")]
[:button {:on-click (fn [e] [:button {:on-click (fn [e]
(dom/prevent-default e) (dom/prevent-default e)
(dom/stop-propagation e) (dom/stop-propagation e)
(st/emit! (wdt/delete-token-set id)))} (st/emit! (wdt/delete-token-set id)))}
"🗑️"]]]])] "🗑️"]]]])]
[:hr]])) [:hr]]]))
(mf/defc tokens-explorer (mf/defc tokens-explorer
[_props] [_props]