From 03df21ba881e34420c382e28ed1ba940b2e56e97 Mon Sep 17 00:00:00 2001 From: Stephen Cameron Date: Thu, 19 Aug 2021 16:42:29 +0200 Subject: [PATCH] Shared template widget improvements. Done #4615 @1.5 --- .../cube/src/Elementor/Widgets/Template.php | 2 +- .../styles/widgets/shared-template.styl | 22 +++++++++++++++++++ 2 files changed, 23 insertions(+), 1 deletion(-) create mode 100644 wp-content/themes/CCV/resources/assets/styles/widgets/shared-template.styl diff --git a/wp-content/mu-plugins/cube/src/Elementor/Widgets/Template.php b/wp-content/mu-plugins/cube/src/Elementor/Widgets/Template.php index da8362a..8e13bd6 100644 --- a/wp-content/mu-plugins/cube/src/Elementor/Widgets/Template.php +++ b/wp-content/mu-plugins/cube/src/Elementor/Widgets/Template.php @@ -70,7 +70,7 @@ class Template extends _Base { 'description', [ 'type' => Controls_Manager::RAW_HTML, - 'raw' => 'This widget allows shared content blocks to be embedded in multiple places via templates. This enables all embedded blocks to be updated centrally by editing the template. It is possible to nest templates. To appear in the list, the template must be in the "Global" category.
Manage templates >>.', + 'raw' => 'This widget allows shared content blocks to be embedded in multiple places via templates. This enables all embedded blocks to be updated centrally by editing the template. It is possible to nest templates. To appear in the list, the template must be in the "Global" category.
Manage templates >>.', 'content_classes' => 'elementor-descriptor', ] ); diff --git a/wp-content/themes/CCV/resources/assets/styles/widgets/shared-template.styl b/wp-content/themes/CCV/resources/assets/styles/widgets/shared-template.styl new file mode 100644 index 0000000..090d4c5 --- /dev/null +++ b/wp-content/themes/CCV/resources/assets/styles/widgets/shared-template.styl @@ -0,0 +1,22 @@ +//== Shared Elementor Template widget +// When the editor is active, clearly show which blocks are templates (not directly editable) +.elementor-editor-active + .cube-template + &:before + content: '' + width: 100% + height: 100% + position: absolute + z-index: 10 + //pointer-events: none + //outline: 2px dashed #FF078B + //outline-offset: -3px + background-repeat: no-repeat, repeat + background-size: 150px, auto + background-position: center + background-color: rgba(#fff, 0.5) + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cstyle%3E.st2%7Bfill:%23ff078b%7D.st3%7Bfill:%239999ba%7D.st4%7Bfill:%23999%7D.st5%7Bfill:%23666%7D%3C/style%3E%3Ccircle cx='32' cy='32' r='30' fill='%232e2c40'/%3E%3Cpath fill='none' d='M-1-1h582v402H-1z'/%3E%3Cpath class='st2' d='M39 52h-6.8c-2.1 0-3.8-1.7-3.8-3.8 0-2.1 1.7-3.8 3.8-3.8h4.5c.5 0 .8.3.8.8s-.3.8-.8.8h-4.5c-1.3 0-2.3 1-2.3 2.3s1 2.3 2.3 2.3H39c1.3 0 2.3-1 2.3-2.3 0-.2 0-.4-.1-.6-.2-.4.1-.8.5-1 .4-.2.8.1 1 .5v.2c.1.3.2.6.2.9-.2 2-1.8 3.7-3.9 3.7z'/%3E%3Cpath class='st2' d='M47.2 52h-4.5c-.5 0-.8-.3-.8-.8s.3-.8.8-.8h4.5c1.3 0 2.3-1 2.3-2.3s-1-2.3-2.3-2.3h-6.8c-1.3 0-2.3 1-2.3 2.3 0 .2 0 .4.1.6.2.4-.1.8-.5 1-.4.2-.8-.1-1-.5V49c-.1-.4-.2-.7-.2-1 0-2.1 1.7-3.8 3.8-3.8h6.8c2.1 0 3.8 1.7 3.8 3.8.1 2.3-1.6 4-3.7 4z'/%3E%3Cpath class='st3' d='M26.3 47.6c-.2 0-.5-.2-.7-.4-1.6-2-2.5-4.7-2.5-7.3v-.3c.1-6.4 5.4-11.5 11.9-11.6h.5c6.5.1 11.7 5.3 11.7 11.8v.2c0 .8-.1 1.6-.2 2.4-.1.5-.5.7-.9.6-.5-.1-.7-.5-.6-.9.2-.7.2-1.4.2-2.1v-.2c-.1-5.7-4.7-10.3-10.4-10.4H35c-5.7.1-10.3 4.7-10.5 10.4v.2c0 2.3.8 4.7 2.3 6.5.2.3.2.8-.1 1.1 0 0-.2.1-.4 0z'/%3E%3Cpath class='st3' d='M30.1 43.4c-.5 0-.8-.3-.8-.8-.1-.8-.2-1.7-.2-2.6 0-1.7.2-3.3.5-5 .9-4.2 2.9-6.9 5.3-7.1h.5c2.3.2 4.3 2.9 5.3 7.1.3 1.7.5 3.3.5 5 0 .8 0 1.6-.1 2.3 0 .5-.4.8-.8.7-.5-.1-.8-.4-.7-.8.1-.7.1-1.4.1-2.2 0-1.6-.2-3.1-.5-4.6-.8-3.4-2.3-5.8-3.9-5.9h-.2c-1.6.2-3.2 2.5-3.9 5.9-.3 1.5-.5 3.1-.5 4.6 0 .8.1 1.7.2 2.6v.1c-.1.4-.4.7-.8.7z'/%3E%3Cpath class='st3' d='M28 44.9c-.1 0-.2 0-.3-.1-2.9-1.1-4.5-2.9-4.5-4.7v-.3c.2-2.3 2.9-4.3 7.1-5.3 3.2-.7 6.6-.7 9.9 0 4.2.9 6.9 2.9 7.1 5.3v.2c0 1.1-.5 2.1-1.3 2.8-.3.3-.8.2-1.1-.1-.2-.3-.2-.7 0-1 .5-.5.8-1.1.9-1.7-.2-1.6-2.5-3.2-5.9-3.9-1.5-.3-3.1-.5-4.6-.5-1.6 0-3.1.2-4.6.5-3.4.8-5.8 2.3-5.9 3.9v.2c0 1.2 1.4 2.5 3.5 3.3.4.2.6.6.5 1-.3.2-.5.4-.8.4z'/%3E%3Cpath class='st4' d='M22.3 48.3c-1.5 0-2.9-.9-3.5-2.3L9.3 24.8c-.8-1.9 0-4.1 1.9-5L26.4 13c.4-.1.8.2.9.6.1.3-.1.6-.3.8l-15.2 6.8c-1.1.5-1.7 1.8-1.1 3l9.5 21.2c.5 1.1 1.6 1.6 2.7 1.3.4-.2.8.1 1 .5.2.4-.1.8-.5 1-.1 0-.1 0-.2.1-.3-.1-.6 0-.9 0z'/%3E%3Cpath class='st5' d='M18.4 24c-.3 0-.6-.2-.7-.5-.2-.4 0-.8.4-1l6.2-2.8c.4-.2.8 0 1 .4.2.4 0 .8-.4 1l-6.2 2.8c-.1 0-.1.1-.3.1zM18.2 29c-.5 0-.8-.3-.8-.8 0-.3.2-.6.5-.7l5.1-2.3c.4-.2.8.1 1 .5s0 .8-.4.9L18.5 29h-.3zM20.1 33.1c-.5 0-.8-.4-.8-.8 0-.3.2-.5.5-.7l1.7-.8c.4-.2.8.1 1 .5.2.4 0 .8-.4.9l-1.7.8c-.1.1-.2.1-.3.1z'/%3E%3Cpath class='st4' d='M21.1 38.5c-.3 0-.5-.2-.7-.4-.5-.9-.7-2-.4-2.9l6.2-22.4c.5-2 2.6-3.2 4.6-2.6l17.5 4.7c1 .2 1.8.9 2.3 1.7.5.9.6 1.9.4 2.9l-3.4 12.4c-.2.4-.5.6-.9.5-.4-.2-.6-.5-.5-.9l3.4-12.4c.2-.6.1-1.2-.2-1.7-.3-.5-.8-.9-1.4-1.1l-17.5-4.7c-1.2-.3-2.4.4-2.7 1.6l-6.2 22.4c-.2.6-.1 1.2.2 1.7.2.4.1.8-.2 1.1-.2 0-.4.1-.5.1z'/%3E%3Cpath class='st5' d='M41.6 20h-.2l-6.5-1.8c-.4-.1-.6-.5-.5-.9.1-.4.5-.7.9-.6l6.5 1.8c.5.1.7.5.7.8-.2.5-.5.8-.9.7zM42.6 24.9h-.2l-11-2.9c-.5-.2-.7-.5-.5-1 .2-.5.5-.7 1-.5l10.8 3c.5.1.7.5.7.8-.1.5-.5.8-.8.6zM32.3 26.8h-.2l-1.7-.5c-.4-.2-.7-.5-.5-.9.2-.4.5-.7.9-.5l1.7.5c.4.1.6.5.5.9-.1.3-.4.5-.7.5z'/%3E%3C/svg%3E"), repeating-linear-gradient(135deg, transparent, transparent 6px, rgba(0, 0, 0, 0.1) 6px, rgba(0, 0, 0, 0.1) 12px) + + // Only highlight the outermost template - avoids weird things when templates are nested + .cube-template:before + display: none -- 2.39.5