github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-08-01 10:56:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

💄 Align tokens panel vertically to the top

Browse Source
This commit is contained in:
Xavier Julian 2025-09-15 16:32:14 +02:00 committed by Xaviju
parent 2e21f084fc
commit 4970ae3eb4
3 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/main/ui/inspect/styles/panels/tokens_panel.cljs
View File

@ -16,6 +16,6 @@
:detail theme-list}])) :detail theme-list}]))
(when (seq set-names) (when (seq set-names)
(let [sets-list (str/join ", " set-names)] (let [sets-list (str/join ", " set-names)]
[:> properties-row* {:class (stl/css :token-theme) [:> properties-row* {:class (stl/css :token-sets)
:term (tr "inspect.tabs.styles.panel.tokens.active-sets") :term (tr "inspect.tabs.styles.panel.tokens.active-sets")
:detail sets-list}]))]) :detail sets-list}]))])

11
frontend/src/app/main/ui/inspect/styles/panels/tokens_panel.scss Normal file
View File

@ -0,0 +1,11 @@
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.
//
// Copyright (c) KALEIDOS INC
.token-theme,
.token-sets {
align-items: flex-start;
padding-block: var(--sp-s);
}

4
frontend/src/app/main/ui/inspect/styles/properties_row.cljs
View File

@ -19,7 +19,7 @@
(mf/defc properties-row* (mf/defc properties-row*
{::mf/schema schema:properties-row} {::mf/schema schema:properties-row}
[{:keys [term detail token property copiable]}] [{:keys [class term detail token property copiable]}]
(let [copiable? (or copiable false) (let [copiable? (or copiable false)
detail? (not (or (nil? detail) (str/blank? detail))) detail? (not (or (nil? detail) (str/blank? detail)))
detail (if detail? detail "-") detail (if detail? detail "-")
@ -35,7 +35,7 @@
(reset! copied* true) (reset! copied* true)
(wapi/write-to-clipboard copiable-value) (wapi/write-to-clipboard copiable-value)
(tm/schedule 1000 #(reset! copied* false))))] (tm/schedule 1000 #(reset! copied* false))))]
[:dl {:class (stl/css :property-row)} [:dl {:class [(stl/css :property-row) class]}
[:dt {:class (stl/css :property-term)} term] [:dt {:class (stl/css :property-term)} term]
[:dd {:class (stl/css :property-detail)} [:dd {:class (stl/css :property-detail)}
(if copiable? (if copiable?