From ff340b25102cedaf33a8411701afb1f983d1522b Mon Sep 17 00:00:00 2001 From: Joshua Roy Date: Thu, 2 Nov 2017 11:53:09 -0400 Subject: [PATCH] Fixing old home page layout slider issue --- css/admin-style.css | 46 +++++------ css/admin-style.php | 165 +++++++++++++++++++++++++++++++++++++ inc/scripts-and-styles.php | 2 +- 3 files changed, 189 insertions(+), 24 deletions(-) create mode 100644 css/admin-style.php diff --git a/css/admin-style.css b/css/admin-style.css index 7855848..17aafbe 100644 --- 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 new file mode 100644 index 0000000..ffec34f --- /dev/null +++ b/css/admin-style.php @@ -0,0 +1,165 @@ + +/* - - - - - - - - - - - - - - - - - - - + == 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 index 9e1d546..ee908df 100644 --- 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' );