diff --git a/frontend/resources/images/icons/lock-open.svg b/frontend/resources/images/icons/lock-open.svg new file mode 100644 index 000000000..ed703a641 --- /dev/null +++ b/frontend/resources/images/icons/lock-open.svg @@ -0,0 +1 @@ + diff --git a/frontend/resources/styles/main/partials/sidebar-layers.scss b/frontend/resources/styles/main/partials/sidebar-layers.scss index c5cc2e363..bc72e312c 100644 --- a/frontend/resources/styles/main/partials/sidebar-layers.scss +++ b/frontend/resources/styles/main/partials/sidebar-layers.scss @@ -57,8 +57,6 @@ } .toggle-content { - margin-left: $x-small; - svg { fill: $color-gray-60; } @@ -205,4 +203,4 @@ span.element-name { fill: $color-black !important; padding: 1px; } -} \ No newline at end of file +} diff --git a/frontend/src/uxbox/builtins/icons.cljs b/frontend/src/uxbox/builtins/icons.cljs index b043dd48e..a000cbdec 100644 --- a/frontend/src/uxbox/builtins/icons.cljs +++ b/frontend/src/uxbox/builtins/icons.cljs @@ -47,6 +47,7 @@ (def line (icon-xref :line)) (def loader (icon-xref :loader)) (def lock (icon-xref :lock)) +(def lock-open (icon-xref :lock-open)) (def logo (icon-xref :uxbox-logo)) (def logo-icon (icon-xref :uxbox-logo-icon)) (def mail (icon-xref :mail)) diff --git a/frontend/src/uxbox/main/ui/workspace/sidebar/layers.cljs b/frontend/src/uxbox/main/ui/workspace/sidebar/layers.cljs index 2e824e181..176b0a577 100644 --- a/frontend/src/uxbox/main/ui/workspace/sidebar/layers.cljs +++ b/frontend/src/uxbox/main/ui/workspace/sidebar/layers.cljs @@ -167,7 +167,7 @@ (if (:hidden item) i/eye-closed i/eye)] [:div.block-element {:class (when (:blocked item) "selected") :on-click toggle-blocking} - i/lock]] + (if (:blocked item) i/lock i/lock-open)]] (when (:shapes item) [:span.toggle-content @@ -268,9 +268,9 @@ [:div.toggle-element {:class (when (:hidden item) "selected") :on-click toggle-visibility} (if (:hidden item) i/eye-closed i/eye)] - #_[:div.block-element {:class (when (:blocked item) "selected") + [:div.block-element {:class (when (:blocked item) "selected") :on-click toggle-blocking} - i/lock]] + (if (:blocked item) i/lock i/lock-open)]] [:span.toggle-content {:on-click toggle-collapse