diff --git a/core/modules/layout_builder/css/layout-builder.css b/core/modules/layout_builder/css/layout-builder.css index ed2fb3b4120a73b5a738cc0031f209aaf6e1aa9d..c920f23bd40bcb3b8c4b542b27099aa767695d2f 100644 --- a/core/modules/layout_builder/css/layout-builder.css +++ b/core/modules/layout_builder/css/layout-builder.css @@ -1,4 +1,4 @@ -.add-section { +.new-section { background-color: #f7f7f7; width: 100%; outline: 2px dashed #979797; @@ -8,20 +8,20 @@ transition: visually-hidden 2s ease-out, height 2s ease-in; } -.add-section__link, -.add-block__link { +.new-section__link, +.new-block__link { color: #787878; border-bottom: none; padding-left: 24px; background: url(../../../misc/icons/787878/plus.svg) transparent top left / 16px 16px no-repeat; } -.add-section__link:hover, -.add-section__link:active, -.add-section__link:focus, -.add-block__link:hover, -.add-block__link:active, -.add-block__link:focus { +.new-section__link:hover, +.new-section__link:active, +.new-section__link:focus, +.new-block__link:hover, +.new-block__link:active, +.new-block__link:focus { border-bottom-style: none; color: #000; } @@ -46,7 +46,7 @@ outline: 2px dashed #2f91da; } -.layout-section .layout-builder--layout__region .add-block { +.layout-section .layout-builder--layout__region .new-block { background-color: #eff6fc; padding: 1.5em 0; text-align: center; diff --git a/core/modules/layout_builder/src/Controller/LayoutBuilderController.php b/core/modules/layout_builder/src/Controller/LayoutBuilderController.php index 3ddd352e892c0add21261a3c983091762591f689..c01fea544b2bf3320b5f871d71738cdf7d541b7d 100644 --- a/core/modules/layout_builder/src/Controller/LayoutBuilderController.php +++ b/core/modules/layout_builder/src/Controller/LayoutBuilderController.php @@ -161,7 +161,7 @@ protected function buildAddSectionLink(SectionStorageInterface $section_storage, ], [ 'attributes' => [ - 'class' => ['use-ajax', 'add-section__link'], + 'class' => ['use-ajax', 'new-section__link'], 'data-dialog-type' => 'dialog', 'data-dialog-renderer' => 'off_canvas', ], @@ -170,7 +170,7 @@ protected function buildAddSectionLink(SectionStorageInterface $section_storage, ], '#type' => 'container', '#attributes' => [ - 'class' => ['add-section'], + 'class' => ['new-section'], ], ]; } @@ -226,7 +226,7 @@ protected function buildAdministrativeSection(SectionStorageInterface $section_s ], [ 'attributes' => [ - 'class' => ['use-ajax', 'add-block__link'], + 'class' => ['use-ajax', 'new-block__link'], 'data-dialog-type' => 'dialog', 'data-dialog-renderer' => 'off_canvas', ], @@ -234,7 +234,7 @@ protected function buildAdministrativeSection(SectionStorageInterface $section_s ), ]; $build[$region]['layout_builder_add_block']['#type'] = 'container'; - $build[$region]['layout_builder_add_block']['#attributes'] = ['class' => ['add-block']]; + $build[$region]['layout_builder_add_block']['#attributes'] = ['class' => ['new-block']]; $build[$region]['layout_builder_add_block']['#weight'] = 1000; $build[$region]['#attributes']['data-region'] = $region; $build[$region]['#attributes']['class'][] = 'layout-builder--layout__region';