diff --git a/app/assets/stylesheets/alchemy/elements.scss b/app/assets/stylesheets/alchemy/elements.scss index f9922d6fef..4c2c8b680a 100644 --- a/app/assets/stylesheets/alchemy/elements.scss +++ b/app/assets/stylesheets/alchemy/elements.scss @@ -136,22 +136,14 @@ alchemy-tinymce { &.hidden { display: block; border-style: dashed; - opacity: 0.5; transition: opacity $transition-duration; > .element-header { background-color: transparent; - background-image: linear-gradient( - 45deg, - $light-gray 25%, - $medium-gray 25%, - $medium-gray 50%, - $light-gray 50%, - $light-gray 75%, - $medium-gray 75%, - $medium-gray 100% - ); - background-size: 28.28px 28.28px; + + .element-hidden-icon { + display: inline; + } } &:hover { @@ -402,6 +394,10 @@ alchemy-tinymce { } } +.element-hidden-icon { + display: none; +} + .element-toolbar { display: flex; width: 100%; diff --git a/app/views/alchemy/admin/elements/_header.html.erb b/app/views/alchemy/admin/elements/_header.html.erb index 42a2f6e1f2..ba39926aa7 100644 --- a/app/views/alchemy/admin/elements/_header.html.erb +++ b/app/views/alchemy/admin/elements/_header.html.erb @@ -14,6 +14,10 @@ <%= sanitize(element.preview_text.presence || ' ') %> + + <%= render_icon("cloud-off", size: "1x") %> + <%= Alchemy.t(:element_hidden) %> + <%= button_tag({ title: Alchemy.t(element.folded? ? :show_element_content : :hide_element_content), class: "element-toggle" diff --git a/config/locales/alchemy.en.yml b/config/locales/alchemy.en.yml index 7d5dd2cba4..93bdf075fb 100644 --- a/config/locales/alchemy.en.yml +++ b/config/locales/alchemy.en.yml @@ -424,6 +424,7 @@ en: edit_tag: "Edit tag" edit_selected_pictures: "Edit selected pictures" element_editor_not_found: "Error within this Element" + element_hidden: "Hidden" element_of_type: "Element" element_saved: "Saved element." enter_external_link: "Please enter the URL you want to link with"