Updated Drupal to 8.6. This goes with the following updates because it's possible...
[yaffs-website] / web / core / modules / layout_builder / css / layout-builder.css
index 9d4bc909c35d15f781216a5d9d90b902a2e2d429..c920f23bd40bcb3b8c4b542b27099aa767695d2f 100644 (file)
@@ -1,4 +1,5 @@
-.add-section {
+.new-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;
 }
 
+.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;
+}
+
+.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;
+}
+
 .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 {
+.layout-section .layout-builder--layout__region .new-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;