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

✨ Add a warning tooltip over import tokens button

Browse source
This commit is contained in:
Xavier Julian 2025-03-13 13:26:41 +01:00
parent 21b2c0c26a
commit b46574bef6
4 changed files with 26 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -22,6 +22,7 @@
[app.main.ui.context :as ctx]
[app.main.ui.ds.buttons.button :refer [button*]]
[app.main.ui.ds.buttons.icon-button :refer [icon-button*]]
[app.main.ui.ds.foundations.assets.icon :as i]
[app.main.ui.ds.foundations.typography.text :refer [text*]]
[app.main.ui.hooks :as h]
[app.main.ui.hooks.resize :refer [use-resize-hook]]
@ -408,7 +409,10 @@
(when can-edit?
[:> dropdown-menu-item* {:class (stl/css :import-export-menu-item)
:on-click on-display-file-explorer}
(tr "labels.import")])
[:div {:class (stl/css :import-menu-item)}
[:div (tr "labels.import")]
[:div {:class (stl/css :import-export-menu-item-icon) :title (tr "workspace.token.import-tooltip")}
[:> i/icon* {:icon-id i/info :aria-label (tr "workspace.token.import-tooltip")}]]]])
[:> dropdown-menu-item* {:class (stl/css :import-export-menu-item)
:on-click on-export}
(tr "labels.export")]]]))

13
frontend/src/app/main/ui/workspace/tokens/sidebar.scss
View file

@ -129,6 +129,19 @@
}
}
.import-export-menu-item-icon {
display: flex;
align-items: center;
justify-content: center;
}
.import-menu-item {
display: flex;
justify-content: space-between;
align-items: center;
flex: 1;
}
.theme-select-wrapper {
display: grid;
grid-template-columns: 1fr 0.28fr;