Changeset 1912235

Timestamp:

07/20/2018 01:38:22 PM (8 years ago)

Author:

Deftly

Message:

changed object passed to css-on-the-fly.js to an array to allow foreach, added new css rules to fix display overlaps

File:

• beans-visual-hook-guide/trunk/assets/js/css-on-the-fly.js (modified) (2 diffs)

beans-visual-hook-guide/trunk/assets/js/css-on-the-fly.js

@@ -16 +16 @@
         }
 
-        classAttributes.forEach( this.cssHandler, this );
+        var classAttributesArray = Object.values( classAttributes )
+        
+        classAttributesArray.forEach( this.cssHandler, this );
     }
 
@@ -117 +119 @@
 
         if ( 'beans_search_form_input_icon' === classAttribute ) {
-            return 'border: solid 1px orange; margin: 5px !important; position: inherit; width: auto;';
+            return 'border: solid 1px orange; margin: 5px !important; position: inherit; width: auto; ';
         }
 
-        return 'border: solid 1px orange; margin: 5px !important;';
+        if ( 'beans_head' === classAttribute || 'beans_favicon' === classAttribute ) {
+            return 'border: solid 1px orange; margin: 5px !important; height: 7px; display: block';
+        }
+
+        if ( 'beans_post_meta_items' === classAttribute ) {
+            return 'border: solid 1px orange; margin: 5px !important; display: grid;';
+        }
+
+        if ( 'beans_widget_area_offcanvas_wrap[_offcanvas_menu]' === classAttribute ) {
+            return 'border: solid 1px orange; margin: 5px !important; display:block; position: unset';
+        }
+
+        return 'border: solid 1px orange; margin: 5px !important; display: block;';
     }