Commit 377dddf5 authored by lauriii's avatar lauriii

Issue #2916877 by DyanneNova, tim.plunkett, joelpittet: Update Layout Builder...

Issue #2916877 by DyanneNova, tim.plunkett, joelpittet: Update Layout Builder CSS to match updated mockups
parent 4b9a1216
.add-section {
background-color: #f7f7f7;
width: 100%;
outline: 2px dashed #979797;
padding: 1.5em 0;
......@@ -7,19 +8,54 @@
transition: visually-hidden 2s ease-out, height 2s ease-in;
}
.add-section__link,
.add-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 {
border-bottom-style: none;
color: #000;
}
.layout-section {
margin-bottom: 1.5em;
}
.layout-section .ui-sortable-helper {
background-color: #fff;
outline: 2px solid #f7f7f7;
}
.layout-section .ui-state-drop {
background-color: #ffd;
outline: 2px dashed #fedb60;
margin: 20px;
padding: 30px;
}
.layout-section .layout-builder--layout__region {
outline: 2px dashed #2f91da;
padding: 1.5em 0;
}
.layout-section .layout-builder--layout__region .add-block {
background-color: #eff6fc;
padding: 1.5em 0;
text-align: center;
}
.layout-section .layout-builder--layout__region .block {
padding: 1.5em;
}
.layout-section .remove-section {
position: relative;
background: url(../../../misc/icons/bebebe/ex.svg) #fff center center / 16px 16px no-repeat;
......
......@@ -4,6 +4,7 @@
$(context).find('.layout-builder--layout__region').sortable({
items: '> .draggable',
connectWith: '.layout-builder--layout__region',
placeholder: 'ui-state-drop',
/**
* Updates the layout with the new position of the block.
......
......@@ -14,6 +14,7 @@
$(context).find('.layout-builder--layout__region').sortable({
items: '> .draggable',
connectWith: '.layout-builder--layout__region',
placeholder: 'ui-state-drop',
update: function update(event, ui) {
var itemRegion = ui.item.closest('.layout-builder--layout__region');
......
......@@ -161,7 +161,7 @@ protected function buildAddSectionLink(SectionStorageInterface $section_storage,
],
[
'attributes' => [
'class' => ['use-ajax'],
'class' => ['use-ajax', 'add-section__link'],
'data-dialog-type' => 'dialog',
'data-dialog-renderer' => 'off_canvas',
],
......@@ -226,7 +226,7 @@ protected function buildAdministrativeSection(SectionStorageInterface $section_s
],
[
'attributes' => [
'class' => ['use-ajax'],
'class' => ['use-ajax', 'add-block__link'],
'data-dialog-type' => 'dialog',
'data-dialog-renderer' => 'off_canvas',
],
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment