Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-08 08:09:14 -05:00
Code Issues Activity

✨ Hide asterisk for overriden copies, except when debugging

Browse source
This commit is contained in:
Andrés Moya 2023-10-24 17:33:00 +02:00 • committed by Andrey Antukh
parent 5111c3f0d2
commit 9ff3095568
4 changed files with 30 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/resources/styles/main/partials/sidebar-layers.scss
View file

@ -274,6 +274,10 @@ span.element-name {
} }
} }
span.element-name-touched {
color: $color-component;
}
.element-actions { .element-actions {
display: flex; display: flex;
flex-shrink: 0; flex-shrink: 0;

37
frontend/src/app/main/ui/workspace/sidebar/layer_name.cljs
View file

@ -12,6 +12,7 @@
[app.main.data.workspace :as dw] [app.main.data.workspace :as dw]
[app.main.store :as st] [app.main.store :as st]
[app.main.ui.context :as ctx] [app.main.ui.context :as ctx]
[app.util.debug :as dbg]
[app.util.dom :as dom] [app.util.dom :as dom]
[app.util.keyboard :as kbd] [app.util.keyboard :as kbd]
[cuerdas.core :as str] [cuerdas.core :as str]
@ -97,20 +98,22 @@
:on-key-down on-key-down :on-key-down on-key-down
:auto-focus true :auto-focus true
:default-value (d/nilv shape-name "")}] :default-value (d/nilv shape-name "")}]
[:span [:*
{:class (if ^boolean new-css-system [:span
(stl/css-case {:class (if ^boolean new-css-system
:element-name true (stl/css-case
:left-ellipsis has-path? :element-name true
:selected selected? :left-ellipsis has-path?
:hidden hidden? :selected selected?
:type-comp type-comp :hidden hidden?
:type-frame type-frame) :type-comp type-comp
(stl/css-case :type-frame type-frame)
"element-name" true (stl/css-case
:left-ellipsis has-path?)) "element-name" true
:style {"--depth" depth "--parent-size" parent-size} :left-ellipsis has-path?))
:ref ref :style {"--depth" depth "--parent-size" parent-size}
:on-double-click start-edit} :ref ref
(d/nilv shape-name "") :on-double-click start-edit}
(when ^boolean shape-touched? " *")]))) (d/nilv shape-name "")]
(when (and (dbg/enabled? :show-touched) ^boolean shape-touched?)
[:span {:class (stl/css new-css-system :element-name-touched)} "*"])])))

3
frontend/src/app/main/ui/workspace/sidebar/layer_name.scss
View file

@ -38,3 +38,6 @@
border: 1px solid var(--input-border-color-focus); border: 1px solid var(--input-border-color-focus);
color: var(--layer-row-foreground-color); color: var(--layer-row-foreground-color);
} }
.element-name-touched {
color: var(--layer-row-component-foreground-color);
}

9
frontend/src/app/util/debug.cljs
View file

@ -70,6 +70,9 @@
;; Show shape name and id ;; Show shape name and id
:shape-titles :shape-titles
;; Show an asterisk for touched copies
:show-touched
;; ;;
:grid-layout :grid-layout
}) })
@ -92,9 +95,3 @@
(if (enabled? option) (if (enabled? option)
(disable! option) (disable! option)
(enable! option))) (enable! option)))