#184 updates settingstray for 8.4

elevenfeat/elevenfeat.info.yml

@@ -9,7 +9,7 @@ core: '8.x'
 # -- Libraries -----------------------------------------------------------------
 libraries:
   - elevenfeat/global
-  - elevenfeat/feat.themersbestfriend  
+  - elevenfeat/feat.themersbestfriend
   # - elevenfeat/colorscheme
 
 #-------------------------------------------------------------------------------
@@ -23,8 +23,10 @@ libraries-extend:
   contextual/drupal.contextual-links:
     - elevenfeat/feat.contextual
 
-  outside_in/drupal.outside_in:
-    - elevenfeat/feat.outside_in
+  settings_tray/drupal.settings_tray:
+    - elevenfeat/feat.settingstray
+
+  #settings_tray/drupal.off_canvas:
 
   block_place/drupal.block_place:
     - elevenfeat/feat.placeblock
@@ -86,17 +88,43 @@ libraries-override:
         css/quickedit.theme.css: false
         css/quickedit.icons.theme.css: false
 
-  # outside_in
-  outside_in/drupal.outside_in:
+  # Settings Tray
+  settings_tray/drupal.settings_tray:
     css:
       component:
-        css/outside_in.details.css: false
-        css/outside_in.form.css: false
-        css/outside_in.motion.css: false
-        css/outside_in.table.css: false
-        css/outside_in.tabledrag.css: false
+        css/settings_tray.module.css: false
+        css/settings_tray.motion.css: false
+        css/settings_tray.toolbar.css: false
       theme:
-        css/outside_in.theme.css: false
+        css/settings_tray.theme.css: false
+
+  settings_tray/drupal.off_canvas:
+    css:
+      base:
+        css/off-canvas.reset.css: false
+        css/off-canvas.base.css: false
+        css/off-canvas.css: false
+        css/off-canvas.theme.css: false
+      component:
+        css/off-canvas.motion.css: false
+        css/off-canvas.button.css: false
+        css/off-canvas.form.css: false
+        css/off-canvas.table.css: false
+        css/off-canvas.details.css: false
+        css/off-canvas.tabledrag.css: false
+        css/off-canvas.dropbutton.css: false
+
+
+  # outside_in/drupal.outside_in:
+  #   css:
+  #     component:
+  #       css/outside_in.details.css: false
+  #       css/outside_in.form.css: false
+  #       css/outside_in.motion.css: false
+  #       css/outside_in.table.css: false
+  #       css/outside_in.tabledrag.css: false
+  #     theme:
+  #       css/outside_in.theme.css: false
 
   # place blocks
   block_place/drupal.block_place:

elevenfeat/elevenfeat.libraries.yml

@@ -23,13 +23,15 @@ feat.themersbestfriend:
   css:
     component:
       templates/themersbestfriend/themersbestfriend.css: {}
+
 feat.toolbar:
   css:
     theme:
       templates/toolbar/toolbar.css: {}
       templates/toolbar/toolbar.theme.css: {}
       templates/toolbar/toolbar.icons.css: {}
       # templates/toolbar/toolbar_edit.css: {}
+
 feat.contextual:
   css:
     theme:
@@ -40,11 +42,11 @@ feat.placeblock:
     theme:
       templates/block_place/block_place.css: {}
 
-feat.outside_in:
+feat.settingstray:
   css:
     theme:
-      templates/outside_in/outside_in.css: {}
-      templates/outside_in/offcanvas_container.css: {}
+      templates/settingstray/settingstray.css: {}
+      templates/settingstray/offcanvas_container.css: {}
 
 feat.quickedit:
   css:

elevenfeat/templates/contextual/contextual.css

@@ -1,7 +1,7 @@
 /* debug */
-/*.contextual .contextual-links[hidden] {
+.contextual .contextual-links[hidden] {
   display: block !important;
-}*/
+}
 
 .contextual {
   position: absolute;
@@ -229,12 +229,13 @@ Contextual links icons
 }
 
 /* quick edit */
-.contextual .contextual-links .outside-inblock-configure a,
+.contextual .contextual-links .settings-trayblock-configure a,
 .contextual .contextual-links .quickedit a {
-  color: var(--rasberry);
+  /*color: var(--rasberry);*/
 }
-.contextual .contextual-links .outside-inblock-configure a:before{
-  background-color: var(--rasberry-light);
+.contextual .contextual-links .settings-trayblock-configure a:before,
+.contextual .contextual-links .quickedit a:before{
+  /*background-color: var(--rasberry-light);*/
 
   -webkit-mask: url(icons/flash.svg) no-repeat;
           mask: url(icons/flash.svg) no-repeat;

elevenfeat/templates/outside_in/outside_in.css → elevenfeat/templates/settingstray/settingstray.css

@@ -1,7 +1,16 @@
 /**/
-form.block-off-canvas-form{
+#toolbar-bar.js-settings-tray-edit-mode {
+  background-color: var(--rasberry-light)
+}
+
+.js-settings-tray-edit-mode .settings-tray-editable {
+  outline: 1px dashed var(--rasberry);
+  background-color: var(--white-20);
 
 }
+
+/**/
+form.block-off-canvas-form { }
 /* Style content in the tray. */
 .ui-dialog-offcanvas p,
 .ui-dialog-offcanvas h1,