Fixing old home page layout slider issue

weblab · Nov 2, 2017 · ff340b2 · ff340b2
1 parent 0d1f5ac
commit ff340b2
Show file tree

Hide file tree

Showing 3 changed files with 189 additions and 24 deletions.
diff --git a/css/admin-style.css b/css/admin-style.css
@@ -4,45 +4,45 @@
 #wpadminbar {
   background-color: #000E2F; }
 
-#accordion-section-layout_builder {
+#sub-accordion-section-layout_builder {
   /* Homepage Layout builder */ }
-  #accordion-section-layout_builder .customize-control-hidden * {
+  #sub-accordion-section-layout_builder .customize-control-hidden * {
     display: none; }
-  #accordion-section-layout_builder .sliderDeleteRow {
+  #sub-accordion-section-layout_builder .sliderDeleteRow {
     float: right; }
-  #accordion-section-layout_builder .sliders {
+  #sub-accordion-section-layout_builder .sliders {
     padding: 2.5em 0; }
-  #accordion-section-layout_builder .slider-wrap {
+  #sub-accordion-section-layout_builder .slider-wrap {
     float: left;
     width: 100%;
     padding: 5px 0;
     clear: left; }
-  #accordion-section-layout_builder .slider-wrap a:focus {
+  #sub-accordion-section-layout_builder .slider-wrap a:focus {
     outline: thin dotted;
     outline-color: #2ea2cc; }
-  #accordion-section-layout_builder .slider,
-  #accordion-section-layout_builder .sliderAddColumn {
+  #sub-accordion-section-layout_builder .slider,
+  #sub-accordion-section-layout_builder .sliderAddColumn {
     float: left; }
-  #accordion-section-layout_builder .slider {
+  #sub-accordion-section-layout_builder .slider {
     width: 195px;
     margin-right: 15px; }
-  #accordion-section-layout_builder .sliderAddColumn {
+  #sub-accordion-section-layout_builder .sliderAddColumn {
     padding: 0px !important;
     height: auto !important; }
-  #accordion-section-layout_builder .ui-slider-horizontal {
+  #sub-accordion-section-layout_builder .ui-slider-horizontal {
     height: 3.5em !important;
     background-color: #eeeeee !important;
     background-image: linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, 0.5) 50%) !important;
     background-size: 20px 50px !important; }
-  #accordion-section-layout_builder .ui-slider .ui-slider-handle {
+  #sub-accordion-section-layout_builder .ui-slider .ui-slider-handle {
     width: 0.01em !important;
     height: 3.9em !important;
     padding: 0 !important; }
-  #accordion-section-layout_builder .ui-slider .ui-slider-handle:focus {
+  #sub-accordion-section-layout_builder .ui-slider .ui-slider-handle:focus {
     width: 0.05em !important;
     height: 3.7em !important;
     border: 1px solid #2ea2cc; }
-  #accordion-section-layout_builder .ui-slider .ui-slider-handle:before {
+  #sub-accordion-section-layout_builder .ui-slider .ui-slider-handle:before {
     content: "";
     display: block;
     position: relative;
@@ -53,12 +53,12 @@
     margin-left: 3px;
     border-radius: 3px;
     background: grey; }
-  #accordion-section-layout_builder .ui-slider .ui-slider-handle:focus:before {
+  #sub-accordion-section-layout_builder .ui-slider .ui-slider-handle:focus:before {
     position: relative;
     top: -24px;
     left: -12px;
     background: #2ea2cc; }
-  #accordion-section-layout_builder .ui-slider .ui-slider-handle:after {
+  #sub-accordion-section-layout_builder .ui-slider .ui-slider-handle:after {
     content: "";
     display: block;
     position: relative;
@@ -69,30 +69,30 @@
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-top: 8px solid grey; }
-  #accordion-section-layout_builder .ui-slider .ui-slider-handle:focus:after {
+  #sub-accordion-section-layout_builder .ui-slider .ui-slider-handle:focus:after {
     position: relative;
     top: -24px;
     left: -7px;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-top: 8px solid #2ea2cc; }
-  #accordion-section-layout_builder .ui-slider .ui-slider-handle:hover {
+  #sub-accordion-section-layout_builder .ui-slider .ui-slider-handle:hover {
     cursor: -webkit-grab; }
-  #accordion-section-layout_builder .ui-slider .ui-slider-handle:active {
+  #sub-accordion-section-layout_builder .ui-slider .ui-slider-handle:active {
     cursor: -webkit-grabbing; }
-  #accordion-section-layout_builder .ui-slider .ui-slider-handle:focus {
+  #sub-accordion-section-layout_builder .ui-slider .ui-slider-handle:focus {
     background-image: none;
     background: #2ea2cc !important;
     width: 2px !important; }
-  #accordion-section-layout_builder .wp-core-ui .button.sliderDeleteColumn {
+  #sub-accordion-section-layout_builder .wp-core-ui .button.sliderDeleteColumn {
     background: #2ea2cc;
     border-color: #0074a2;
     -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5), 0 1px 0 rgba(0, 0, 0, 0.15);
     box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5), 0 1px 0 rgba(0, 0, 0, 0.15);
     color: #fff; }
-  #accordion-section-layout_builder .wp-core-ui .button.sliderDeleteColumn .dashicons-minus {
+  #sub-accordion-section-layout_builder .wp-core-ui .button.sliderDeleteColumn .dashicons-minus {
     padding: 4px; }
-  #accordion-section-layout_builder .wp-core-ui .button.sliderAddColumn .dashicons-plus {
+  #sub-accordion-section-layout_builder .wp-core-ui .button.sliderAddColumn .dashicons-plus {
     padding: 14px 4px; }
 
 #sidebar-manager #home0,

diff --git a/css/admin-style.php b/css/admin-style.php
@@ -0,0 +1,165 @@
+<?php
+header('Content-type: text/css');
+?>
+/* - - - - - - - - - - - - - - - - - - - 
+	== Admin Style 
+- - - - - - - - - - - - - - - - - - - */
+#wpadminbar {
+  background-color: #000E2F; }
+
+#sub-accordion-section-layout_builder {
+  /* Homepage Layout builder */ }
+  #sub-accordion-section-layout_builder .customize-control-hidden * {
+    display: none; }
+  #sub-accordion-section-layout_builder .sliderDeleteRow {
+    float: right; }
+  #sub-accordion-section-layout_builder .sliders {
+    padding: 2.5em 0; }
+  #sub-accordion-section-layout_builder .slider-wrap {
+    float: left;
+    width: 100%;
+    padding: 5px 0;
+    clear: left; }
+  #sub-accordion-section-layout_builder .slider-wrap a:focus {
+    outline: thin dotted;
+    outline-color: #2ea2cc; }
+  #sub-accordion-section-layout_builder .slider,
+  #sub-accordion-section-layout_builder .sliderAddColumn {
+    float: left; }
+  #sub-accordion-section-layout_builder .slider {
+    width: 195px;
+    margin-right: 15px; }
+  #sub-accordion-section-layout_builder .sliderAddColumn {
+    padding: 0px !important;
+    height: auto !important; }
+  #sub-accordion-section-layout_builder .ui-slider-horizontal {
+    height: 3.5em !important;
+    background-color: #eeeeee !important;
+    background-image: linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, 0.5) 50%) !important;
+    background-size: 20px 50px !important; }
+  #sub-accordion-section-layout_builder .ui-slider .ui-slider-handle {
+    width: 0.01em !important;
+    height: 3.9em !important;
+    padding: 0 !important; }
+  #sub-accordion-section-layout_builder .ui-slider .ui-slider-handle:focus {
+    width: 0.05em !important;
+    height: 3.7em !important;
+    border: 1px solid #2ea2cc; }
+  #sub-accordion-section-layout_builder .ui-slider .ui-slider-handle:before {
+    content: "";
+    display: block;
+    position: relative;
+    top: -24px;
+    left: -13px;
+    width: 20px;
+    height: 20px;
+    margin-left: 3px;
+    border-radius: 3px;
+    background: grey; }
+  #sub-accordion-section-layout_builder .ui-slider .ui-slider-handle:focus:before {
+    position: relative;
+    top: -24px;
+    left: -12px;
+    background: #2ea2cc; }
+  #sub-accordion-section-layout_builder .ui-slider .ui-slider-handle:after {
+    content: "";
+    display: block;
+    position: relative;
+    top: -24px;
+    left: -8px;
+    width: 0;
+    height: 0;
+    border-left: 8px solid transparent;
+    border-right: 8px solid transparent;
+    border-top: 8px solid grey; }
+  #sub-accordion-section-layout_builder .ui-slider .ui-slider-handle:focus:after {
+    position: relative;
+    top: -24px;
+    left: -7px;
+    border-left: 8px solid transparent;
+    border-right: 8px solid transparent;
+    border-top: 8px solid #2ea2cc; }
+  #sub-accordion-section-layout_builder .ui-slider .ui-slider-handle:hover {
+    cursor: -webkit-grab; }
+  #sub-accordion-section-layout_builder .ui-slider .ui-slider-handle:active {
+    cursor: -webkit-grabbing; }
+  #sub-accordion-section-layout_builder .ui-slider .ui-slider-handle:focus {
+    background-image: none;
+    background: #2ea2cc !important;
+    width: 2px !important; }
+  #sub-accordion-section-layout_builder .wp-core-ui .button.sliderDeleteColumn {
+    background: #2ea2cc;
+    border-color: #0074a2;
+    -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5), 0 1px 0 rgba(0, 0, 0, 0.15);
+    box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5), 0 1px 0 rgba(0, 0, 0, 0.15);
+    color: #fff; }
+  #sub-accordion-section-layout_builder .wp-core-ui .button.sliderDeleteColumn .dashicons-minus {
+    padding: 4px; }
+  #sub-accordion-section-layout_builder .wp-core-ui .button.sliderAddColumn .dashicons-plus {
+    padding: 14px 4px; }
+
+#sidebar-manager #home0,
+#sidebar-manager #home1,
+#sidebar-manager #home2,
+#sidebar-manager #home3,
+#sidebar-manager #home4,
+#sidebar-manager #home5,
+#sidebar-manager #home6,
+#sidebar-manager #home7,
+#sidebar-manager #home8,
+#sidebar-manager #home9,
+#sidebar-manager #home10,
+#sidebar-manager #home11,
+#sidebar-manager #home12,
+#sidebar-manager #home13,
+#sidebar-manager #home14,
+#sidebar-manager #home15,
+#sidebar-manager #home16,
+#sidebar-manager #home17,
+#sidebar-manager #home18,
+#sidebar-manager #home19,
+#sidebar-manager #home20,
+#sidebar-manager #home21,
+#sidebar-manager #home22,
+#sidebar-manager #home23,
+#sidebar-manager #home24,
+#sidebar-manager #home25,
+#sidebar-manager #home26,
+#sidebar-manager #home27,
+#sidebar-manager #home28,
+#sidebar-manager #home29,
+#sidebar-manager #home30,
+#sidebar-manager #home31,
+#sidebar-manager #home32,
+#sidebar-manager #home33,
+#sidebar-manager #home34,
+#sidebar-manager #home35,
+#sidebar-manager #home36,
+#sidebar-manager #home37,
+#sidebar-manager #home38,
+#sidebar-manager #home39,
+#sidebar-manager #home40,
+#sidebar-manager #home41,
+#sidebar-manager #home42,
+#sidebar-manager #home43,
+#sidebar-manager #home44,
+#sidebar-manager #home45,
+#sidebar-manager #home46,
+#sidebar-manager #home47,
+#sidebar-manager #home48,
+#sidebar-manager #home49,
+#sidebar-manager #home50,
+#sidebar-manager #home51,
+#sidebar-manager #home52,
+#sidebar-manager #home53,
+#sidebar-manager #home54,
+#sidebar-manager #home55,
+#sidebar-manager #home56,
+#sidebar-manager #home57,
+#sidebar-manager #home58,
+#sidebar-manager #home59,
+#sidebar-manager #home60 {
+  display: none; }
+
+.so-panels-dialog-add-widget .so-left-sidebar .so-sidebar-tabs li:nth-child(2) {
+  display: none; }
diff --git a/inc/scripts-and-styles.php b/inc/scripts-and-styles.php
@@ -37,7 +37,7 @@ add_action( 'wp_enqueue_scripts', 'cs_scripts' );
 
 
 function load_cornerstone_wp_admin_style($hook) {
-    wp_register_style( 'custom_wp_admin_css', get_template_directory_uri() . '/css/admin-style.css' );
+    wp_register_style( 'custom_wp_admin_css', get_template_directory_uri() . '/css/admin-style.php' );
     wp_enqueue_style( 'custom_wp_admin_css' );