From f2aa49855a598fffbe09a6c8951ef5c7d204863c Mon Sep 17 00:00:00 2001 From: Vanesa Reinerth Date: Wed, 8 Apr 2020 10:40:46 +0300 Subject: [PATCH 1/2] block editor fixes --- includes/gbt-blocks/assets/css/editor.css | 3 +- includes/gbt-blocks/assets/css/editor.scss | 49 ++++--- .../gbt-blocks/banner/assets/css/editor.css | 95 ++++++++++++- .../gbt-blocks/banner/assets/scss/editor.scss | 18 +-- .../slider/assets/css/backend/editor.css | 125 +++++++++++++++++- .../slider/assets/scss/backend/slide.scss | 24 +--- .../slider/assets/scss/backend/tabs.scss | 28 ++-- .../assets/css/editor.css | 38 +++++- .../assets/scss/editor.scss | 12 +- 9 files changed, 307 insertions(+), 85 deletions(-) diff --git a/includes/gbt-blocks/assets/css/editor.css b/includes/gbt-blocks/assets/css/editor.css index a2a7742..849c1d1 100644 --- a/includes/gbt-blocks/assets/css/editor.css +++ b/includes/gbt-blocks/assets/css/editor.css @@ -1,7 +1,6 @@ .main-inspector-wrapper { border-top: 1px solid #e2e4e7; - margin-top: 15px; - padding-top: 15px; } + padding: 15px; } .main-inspector-wrapper .products-ajax-search-wrapper { position: relative; } .main-inspector-wrapper .products-ajax-search-wrapper.is-disabled .components-base-control__field { diff --git a/includes/gbt-blocks/assets/css/editor.scss b/includes/gbt-blocks/assets/css/editor.scss index c672ef9..9a841ec 100644 --- a/includes/gbt-blocks/assets/css/editor.scss +++ b/includes/gbt-blocks/assets/css/editor.scss @@ -1,10 +1,9 @@ .main-inspector-wrapper { border-top: 1px solid #e2e4e7; - margin-top: 15px; - padding-top: 15px; + padding: 15px; .products-ajax-search-wrapper { position: relative; - + &.is-disabled{ .components-base-control__field { opacity: .3; @@ -49,7 +48,7 @@ overflow-y: auto; overflow-x: hidden; margin-top: -9px; - + .no-results { display: inline-block; margin: 20px 12px; @@ -68,7 +67,7 @@ border-bottom: 1px solid #E8EBEF; transition: all 0.3s ease-in-out; cursor: pointer; - + &:hover { background:#F8FCFF; .dashicons-yes { @@ -88,19 +87,19 @@ line-height: 51px; padding-left: 51px; cursor: pointer; - + input[type="checkbox"]{ display: none; } } - + .img-wrapper{ width: 32px; height: 32px; position: relative; margin-right: 12px; margin-left: 12px; - flex: 0 0 32px; + flex: 0 0 32px; .img { background-size: cover; @@ -110,7 +109,7 @@ position: absolute; left: 0; top: 0; - } + } } &:after { @@ -136,7 +135,7 @@ &.selected { background:#F8FCFF; - + &:after { background: linear-gradient(to left, rgba(248, 252, 255, 1), rgba(248, 252, 255, 0.7)); } @@ -170,7 +169,7 @@ overflow-y: auto; overflow-x: hidden; padding-left: 2px; - + .single-result { display: flex; align-items: center; @@ -183,11 +182,11 @@ cursor: pointer; box-sizing: border-box; background:#F8FCFF; - + &:last-child { border-bottom: none; } - + .title-wrapper { position: absolute; left: 0; @@ -197,19 +196,19 @@ line-height: 51px; padding-left: 51px; cursor: pointer; - + input[type="checkbox"]{ display: none; } } - + .img-wrapper{ width: 32px; height: 32px; position: relative; margin-right: 12px; margin-left: 12px; - flex: 0 0 32px; + flex: 0 0 32px; .img { background-size: cover; @@ -219,7 +218,7 @@ position: absolute; left: 0; top: 0; - } + } } &:after { @@ -280,10 +279,10 @@ margin-bottom: 20px; padding-left: 3px; margin-top: 10px; - + ul { list-style: none; - margin: 0; + margin: 0; padding: 0; &.level-1 { margin-left: 10px; @@ -306,7 +305,7 @@ width: 100%; position: relative; transition: all .3s ease-in-out; - + sup { margin-left: 4px; color: #ccc; @@ -314,8 +313,8 @@ .expand { position: absolute; - right: 0; - transition: all .3s ease-in-out; + right: 0; + transition: all .3s ease-in-out; } &.expanded { @@ -335,7 +334,7 @@ width: 100%; position: relative; margin-bottom: 10px; - + sup { margin-left: 4px; color: #ccc; @@ -343,8 +342,8 @@ } } button.render-results { - margin-top:20px; - + margin-top:20px; + &.disabled { color: #4daacf; background: #005d82; diff --git a/includes/gbt-blocks/banner/assets/css/editor.css b/includes/gbt-blocks/banner/assets/css/editor.css index 5e0f9c3..2448c96 100644 --- a/includes/gbt-blocks/banner/assets/css/editor.css +++ b/includes/gbt-blocks/banner/assets/css/editor.css @@ -1 +1,94 @@ -.gbt_18_tr_editor_banner:hover{background-size:115%}.gbt_18_tr_editor_banner:hover .gbt_18_tr_editor_banner_background{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper{cursor:pointer;margin-bottom:30px;clear:both;position:relative}.gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper .gbt_18_tr_editor_banner_wrapper_inner{padding:15px;overflow:hidden;position:relative;backface-visibility:hidden;-webkit-backface-visibility:hidden;height:100%}.gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper .gbt_18_tr_editor_banner_wrapper_inner .gbt_18_tr_editor_banner_background{width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;display:block;background-color:#f5f5f5;background-size:cover;background-repeat:no-repeat;background-position:center;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;z-index:2}.gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper .gbt_18_tr_editor_banner_wrapper_inner:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;z-index:3}.gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper .gbt_18_tr_editor_banner_wrapper_inner:hover .gbt_18_tr_editor_banner_background{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper .gbt_18_tr_editor_banner_wrapper_inner:hover:before{background:rgba(0, 0, 0, 0.3)}.gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper .gbt_18_tr_editor_banner_content{padding:20px;text-align:center;-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;cursor:default;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;position:relative;z-index:4}.gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper .gbt_18_tr_editor_banner_content .editor-rich-text{cursor:text}.gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper .gbt_18_tr_editor_banner_content .gbt_18_tr_editor_banner_text_content{display:table-cell;vertical-align:middle;text-align:center;position:relative}.gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper .gbt_18_tr_editor_banner_content .gbt_18_tr_editor_banner_text_content .gbt_18_tr_editor_banner_title{padding:0;margin:0 0 10px 0;font-weight:900}.gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper .gbt_18_tr_editor_banner_content .gbt_18_tr_editor_banner_text_content .gbt_18_tr_editor_banner_subtitle{padding:0;margin:0;font-weight:normal}.gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper .button.gbt_18_tr_editor_banner_add_image,.gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper .button.gbt_18_tr_editor_banner_remove_image{position:absolute;visibility:hidden;opacity:0;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;z-index:100;top:30px;left:30px}.wp-block.editor-block-list__block[data-type="getbowtied/tr-banner"].is-hovered .button.gbt_18_tr_editor_banner_add_image,.wp-block.editor-block-list__block[data-type="getbowtied/tr-banner"].is-hovered .button.gbt_18_tr_editor_banner_remove_image,.wp-block.editor-block-list__block[data-type="getbowtied/tr-banner"].is-selected .button.gbt_18_tr_editor_banner_add_image,.wp-block.editor-block-list__block[data-type="getbowtied/tr-banner"].is-selected .button.gbt_18_tr_editor_banner_remove_image,.wp-block.editor-block-list__block[data-type="getbowtied/tr-banner"].is-typing .button.gbt_18_tr_editor_banner_add_image,.wp-block.editor-block-list__block[data-type="getbowtied/tr-banner"].is-typing .button.gbt_18_tr_editor_banner_remove_image{visibility:visible;opacity:1} \ No newline at end of file +.gbt_18_tr_editor_banner:hover { + background-size: 115%; } + .gbt_18_tr_editor_banner:hover .gbt_18_tr_editor_banner_background { + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); } + +.gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper { + cursor: pointer; + margin-bottom: 30px; + clear: both; + position: relative; } + .gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper .gbt_18_tr_editor_banner_wrapper_inner { + padding: 15px; + overflow: hidden; + position: relative; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + height: 100%; } + .gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper .gbt_18_tr_editor_banner_wrapper_inner .gbt_18_tr_editor_banner_background { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + display: block; + background-color: #f5f5f5; + background-size: cover; + background-repeat: no-repeat; + background-position: center; + -webkit-transition: all 1s ease; + -o-transition: all 1s ease; + transition: all 1s ease; + z-index: 2; } + .gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper .gbt_18_tr_editor_banner_wrapper_inner:before { + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + -webkit-transition: all 0.2s linear; + -o-transition: all 0.2s linear; + transition: all 0.2s linear; + z-index: 3; } + .gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper .gbt_18_tr_editor_banner_wrapper_inner:hover .gbt_18_tr_editor_banner_background { + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); } + .gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper .gbt_18_tr_editor_banner_wrapper_inner:hover:before { + background: rgba(0, 0, 0, 0.3); } + .gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper .gbt_18_tr_editor_banner_content { + padding: 20px; + text-align: center; + -webkit-transition: all 0.2s linear; + -o-transition: all 0.2s linear; + transition: all 0.2s linear; + cursor: default; + display: table; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 100%; + position: relative; + z-index: 4; } + .gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper .gbt_18_tr_editor_banner_content .editor-rich-text { + cursor: text; } + .gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper .gbt_18_tr_editor_banner_content .gbt_18_tr_editor_banner_text_content { + display: table-cell; + vertical-align: middle; + text-align: center; + position: relative; } + .gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper .gbt_18_tr_editor_banner_content .gbt_18_tr_editor_banner_text_content .gbt_18_tr_editor_banner_title { + padding: 0; + margin: 0 0 10px 0; + font-weight: 900; } + .gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper .gbt_18_tr_editor_banner_content .gbt_18_tr_editor_banner_text_content .gbt_18_tr_editor_banner_subtitle { + padding: 0; + margin: 0; + font-weight: normal; } + .gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper .button.gbt_18_tr_editor_banner_add_image, + .gbt_18_tr_editor_banner .gbt_18_tr_editor_banner_wrapper .button.gbt_18_tr_editor_banner_remove_image { + position: absolute; + visibility: visible; + opacity: 1; + -webkit-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + z-index: 100; + top: 30px; + left: 30px; } diff --git a/includes/gbt-blocks/banner/assets/scss/editor.scss b/includes/gbt-blocks/banner/assets/scss/editor.scss index 28b1b2d..5a8bf04 100644 --- a/includes/gbt-blocks/banner/assets/scss/editor.scss +++ b/includes/gbt-blocks/banner/assets/scss/editor.scss @@ -102,8 +102,8 @@ .button.gbt_18_tr_editor_banner_remove_image { position: absolute; - visibility: hidden; - opacity: 0; + visibility: visible; + opacity: 1; transition: all .2s ease-in-out; z-index: 100; top: 30px; @@ -111,17 +111,3 @@ } } } - -.wp-block.editor-block-list__block[data-type="getbowtied/tr-banner"] { - - &.is-selected, - &.is-hovered, - &.is-typing { - - .button.gbt_18_tr_editor_banner_add_image, - .button.gbt_18_tr_editor_banner_remove_image { - visibility: visible; - opacity: 1; - } - } -} diff --git a/includes/gbt-blocks/slider/assets/css/backend/editor.css b/includes/gbt-blocks/slider/assets/css/backend/editor.css index c5b0783..d228c28 100644 --- a/includes/gbt-blocks/slider/assets/css/backend/editor.css +++ b/includes/gbt-blocks/slider/assets/css/backend/editor.css @@ -1 +1,124 @@ -.gbt_18_tr_editor_slider_wrapper .gbt_18_tr_editor_slider_tabs{text-align:center;padding-top:20px;margin-bottom:-5px}.gbt_18_tr_editor_slider_wrapper .gbt_18_tr_editor_slider_tabs a.slide-tab{height:25px;width:25px;margin-right:10px;position:relative;cursor:pointer;padding:7px 7px 9px 7px;border-radius:5px;outline:0}.gbt_18_tr_editor_slider_wrapper .gbt_18_tr_editor_slider_tabs a.slide-tab:last-child{margin-right:0}.gbt_18_tr_editor_slider_wrapper .gbt_18_tr_editor_slider_tabs a.slide-tab:hover{background-color:#555d66}.gbt_18_tr_editor_slider_wrapper .gbt_18_tr_editor_slider_tabs a.slide-tab:hover svg{fill:#fff}.gbt_18_tr_editor_slider_wrapper .gbt_18_tr_editor_slider_tabs a.slide-tab svg{width:25px;height:25px;fill:#555d66;vertical-align:middle}.gbt_18_tr_editor_slide_wrapper{max-height:1000px;background-size:cover;width:100%;background-position:center center}.gbt_18_tr_editor_slide_wrapper .gbt_18_tr_editor_slide_content{word-break:break-word;margin:auto;height:100%;padding:125px 0}.gbt_18_tr_editor_slide_wrapper .gbt_18_tr_editor_slide_content .gbt_18_tr_editor_slide_title{margin-bottom:25px}.gbt_18_tr_editor_slide_wrapper .gbt_18_tr_editor_slide_content .gbt_18_tr_editor_slide_button .gbt_18_tr_editor_slide_button_input{font-size:12px;padding:19px 30px;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.gbt_18_tr_editor_slide_wrapper .gbt_18_tr_editor_slide_content .gbt_18_tr_editor_slide_container{width:68%}.gbt_18_tr_editor_slide_wrapper .gbt_18_tr_editor_slide_content .gbt_18_tr_editor_slide_container.align-center{margin:0 auto;padding:0 16%}.gbt_18_tr_editor_slide_wrapper .gbt_18_tr_editor_slide_content .gbt_18_tr_editor_slide_container.align-center .gbt_18_tr_editor_slide_button .gbt_18_tr_editor_slide_button_input{margin:0 auto}.gbt_18_tr_editor_slide_wrapper .gbt_18_tr_editor_slide_content .gbt_18_tr_editor_slide_container.align-right{margin:0 auto;padding:0 1% 0 31%}.gbt_18_tr_editor_slide_wrapper .gbt_18_tr_editor_slide_content .gbt_18_tr_editor_slide_container.align-right .gbt_18_tr_editor_slide_button .gbt_18_tr_editor_slide_button_input{margin:0 0 0 auto}.gbt_18_tr_editor_slide_wrapper .gbt_18_tr_editor_slide_content .gbt_18_tr_editor_slide_container.align-left{margin:0 auto;padding:0 31% 0 1%}.gbt_18_tr_editor_slide_wrapper .gbt_18_tr_slide_add_image_button,.gbt_18_tr_editor_slide_wrapper .gbt_18_tr_slide_remove_image_button{position:absolute;top:15px;left:15px;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.editor-block-list__block[data-type="getbowtied/tr-slide"].is-hovered .gbt_18_tr_slide_add_image_button,.editor-block-list__block[data-type="getbowtied/tr-slide"].is-hovered .gbt_18_tr_slide_remove_image_button,.editor-block-list__block[data-type="getbowtied/tr-slide"].is-selected .gbt_18_tr_slide_add_image_button,.editor-block-list__block[data-type="getbowtied/tr-slide"].is-selected .gbt_18_tr_slide_remove_image_button,.editor-block-list__block[data-type="getbowtied/tr-slide"].is-typing .gbt_18_tr_slide_add_image_button,.editor-block-list__block[data-type="getbowtied/tr-slide"].is-typing .gbt_18_tr_slide_remove_image_button{opacity:1;visibility:visible;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.editor-block-list__block[data-type="getbowtied/tr-slider"][data-align=full] .editor-block-list__block,.editor-block-list__block[data-type="getbowtied/tr-slider"][data-align=wide] .editor-block-list__block{max-width:calc( 100% - 28px)}.editor-block-list__block[data-type="getbowtied/tr-slide"]{display:none}.gbt_18_tr_editor_slider_wrapper[data-tab-active="1"] .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="1"]{background-color:#555d66}.gbt_18_tr_editor_slider_wrapper[data-tab-active="1"] .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="1"] svg{fill:#fff}.gbt_18_tr_editor_slider_wrapper[data-tab-active="1"] .editor-block-list__block[data-type="getbowtied/tr-slide"][data-tab="1"]{display:block}.gbt_18_tr_editor_slider_wrapper[data-tab-active="2"] .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="2"]{background-color:#555d66}.gbt_18_tr_editor_slider_wrapper[data-tab-active="2"] .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="2"] svg{fill:#fff}.gbt_18_tr_editor_slider_wrapper[data-tab-active="2"] .editor-block-list__block[data-type="getbowtied/tr-slide"][data-tab="2"]{display:block}.gbt_18_tr_editor_slider_wrapper[data-tab-active="3"] .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="3"]{background-color:#555d66}.gbt_18_tr_editor_slider_wrapper[data-tab-active="3"] .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="3"] svg{fill:#fff}.gbt_18_tr_editor_slider_wrapper[data-tab-active="3"] .editor-block-list__block[data-type="getbowtied/tr-slide"][data-tab="3"]{display:block}.gbt_18_tr_editor_slider_wrapper[data-tab-active="4"] .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="4"]{background-color:#555d66}.gbt_18_tr_editor_slider_wrapper[data-tab-active="4"] .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="4"] svg{fill:#fff}.gbt_18_tr_editor_slider_wrapper[data-tab-active="4"] .editor-block-list__block[data-type="getbowtied/tr-slide"][data-tab="4"]{display:block}.gbt_18_tr_editor_slider_wrapper[data-tab-active="5"] .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="5"]{background-color:#555d66}.gbt_18_tr_editor_slider_wrapper[data-tab-active="5"] .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="5"] svg{fill:#fff}.gbt_18_tr_editor_slider_wrapper[data-tab-active="5"] .editor-block-list__block[data-type="getbowtied/tr-slide"][data-tab="5"]{display:block}.gbt_18_tr_editor_slider_wrapper[data-tab-active="6"] .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="6"]{background-color:#555d66}.gbt_18_tr_editor_slider_wrapper[data-tab-active="6"] .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="6"] svg{fill:#fff}.gbt_18_tr_editor_slider_wrapper[data-tab-active="6"] .editor-block-list__block[data-type="getbowtied/tr-slide"][data-tab="6"]{display:block} \ No newline at end of file +.gbt_18_tr_editor_slider_wrapper .gbt_18_tr_editor_slider_tabs { + text-align: center; + padding-top: 20px; + margin-bottom: -5px; } + .gbt_18_tr_editor_slider_wrapper .gbt_18_tr_editor_slider_tabs a.slide-tab { + height: 25px; + width: 25px; + margin-right: 10px; + position: relative; + cursor: pointer; + padding: 7px 7px 9px 7px; + border-radius: 5px; + outline: 0; } + .gbt_18_tr_editor_slider_wrapper .gbt_18_tr_editor_slider_tabs a.slide-tab:last-child { + margin-right: 0; } + .gbt_18_tr_editor_slider_wrapper .gbt_18_tr_editor_slider_tabs a.slide-tab:hover { + background-color: #555d66; } + .gbt_18_tr_editor_slider_wrapper .gbt_18_tr_editor_slider_tabs a.slide-tab:hover svg { + fill: #fff; } + .gbt_18_tr_editor_slider_wrapper .gbt_18_tr_editor_slider_tabs a.slide-tab svg { + width: 25px; + height: 25px; + fill: #555d66; + vertical-align: middle; } + +.gbt_18_tr_editor_slide_wrapper { + max-height: 1000px; + background-size: cover; + width: 100%; + background-position: center center; } + .gbt_18_tr_editor_slide_wrapper .gbt_18_tr_editor_slide_content { + word-break: break-word; + margin: auto; + height: 100%; + padding: 125px 0; } + .gbt_18_tr_editor_slide_wrapper .gbt_18_tr_editor_slide_content .gbt_18_tr_editor_slide_title { + margin-bottom: 25px; } + .gbt_18_tr_editor_slide_wrapper .gbt_18_tr_editor_slide_content .gbt_18_tr_editor_slide_button .gbt_18_tr_editor_slide_button_input { + font-size: 12px; + padding: 19px 30px; + text-transform: uppercase; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; } + .gbt_18_tr_editor_slide_wrapper .gbt_18_tr_editor_slide_content .gbt_18_tr_editor_slide_container { + width: 68%; } + .gbt_18_tr_editor_slide_wrapper .gbt_18_tr_editor_slide_content .gbt_18_tr_editor_slide_container.align-center { + margin: 0 auto; + padding: 0 16%; } + .gbt_18_tr_editor_slide_wrapper .gbt_18_tr_editor_slide_content .gbt_18_tr_editor_slide_container.align-center .gbt_18_tr_editor_slide_button .gbt_18_tr_editor_slide_button_input { + margin: 0 auto; } + .gbt_18_tr_editor_slide_wrapper .gbt_18_tr_editor_slide_content .gbt_18_tr_editor_slide_container.align-right { + margin: 0 auto; + padding: 0 1% 0 31%; } + .gbt_18_tr_editor_slide_wrapper .gbt_18_tr_editor_slide_content .gbt_18_tr_editor_slide_container.align-right .gbt_18_tr_editor_slide_button .gbt_18_tr_editor_slide_button_input { + margin: 0 0 0 auto; } + .gbt_18_tr_editor_slide_wrapper .gbt_18_tr_editor_slide_content .gbt_18_tr_editor_slide_container.align-left { + margin: 0 auto; + padding: 0 31% 0 1%; } + .gbt_18_tr_editor_slide_wrapper .gbt_18_tr_slide_remove_image_button, + .gbt_18_tr_editor_slide_wrapper .gbt_18_tr_slide_add_image_button { + position: absolute; + top: 15px; + left: 15px; + opacity: 1; + visibility: visible; + -webkit-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; } + +.wp-block[data-type="getbowtied/tr-slider"][data-align="wide"] .wp-block, +.wp-block[data-type="getbowtied/tr-slider"][data-align="full"] .wp-block { + max-width: calc( 100% - 28px); } + +.wp-block[data-type="getbowtied/tr-slide"] { + display: none; } + +.gbt_18_tr_editor_slider_wrapper[data-tab-active="1"] .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="1"] { + background-color: #555d66; } + .gbt_18_tr_editor_slider_wrapper[data-tab-active="1"] .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="1"] svg { + fill: #fff; } + +.gbt_18_tr_editor_slider_wrapper[data-tab-active="1"] .wp-block[data-type="getbowtied/tr-slide"][data-tab="1"] { + display: block; } + +.gbt_18_tr_editor_slider_wrapper[data-tab-active="2"] .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="2"] { + background-color: #555d66; } + .gbt_18_tr_editor_slider_wrapper[data-tab-active="2"] .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="2"] svg { + fill: #fff; } + +.gbt_18_tr_editor_slider_wrapper[data-tab-active="2"] .wp-block[data-type="getbowtied/tr-slide"][data-tab="2"] { + display: block; } + +.gbt_18_tr_editor_slider_wrapper[data-tab-active="3"] .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="3"] { + background-color: #555d66; } + .gbt_18_tr_editor_slider_wrapper[data-tab-active="3"] .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="3"] svg { + fill: #fff; } + +.gbt_18_tr_editor_slider_wrapper[data-tab-active="3"] .wp-block[data-type="getbowtied/tr-slide"][data-tab="3"] { + display: block; } + +.gbt_18_tr_editor_slider_wrapper[data-tab-active="4"] .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="4"] { + background-color: #555d66; } + .gbt_18_tr_editor_slider_wrapper[data-tab-active="4"] .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="4"] svg { + fill: #fff; } + +.gbt_18_tr_editor_slider_wrapper[data-tab-active="4"] .wp-block[data-type="getbowtied/tr-slide"][data-tab="4"] { + display: block; } + +.gbt_18_tr_editor_slider_wrapper[data-tab-active="5"] .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="5"] { + background-color: #555d66; } + .gbt_18_tr_editor_slider_wrapper[data-tab-active="5"] .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="5"] svg { + fill: #fff; } + +.gbt_18_tr_editor_slider_wrapper[data-tab-active="5"] .wp-block[data-type="getbowtied/tr-slide"][data-tab="5"] { + display: block; } + +.gbt_18_tr_editor_slider_wrapper[data-tab-active="6"] .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="6"] { + background-color: #555d66; } + .gbt_18_tr_editor_slider_wrapper[data-tab-active="6"] .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="6"] svg { + fill: #fff; } + +.gbt_18_tr_editor_slider_wrapper[data-tab-active="6"] .wp-block[data-type="getbowtied/tr-slide"][data-tab="6"] { + display: block; } diff --git a/includes/gbt-blocks/slider/assets/scss/backend/slide.scss b/includes/gbt-blocks/slider/assets/scss/backend/slide.scss index 35c45f9..840ac09 100644 --- a/includes/gbt-blocks/slider/assets/scss/backend/slide.scss +++ b/includes/gbt-blocks/slider/assets/scss/backend/slide.scss @@ -64,29 +64,15 @@ position: absolute; top: 15px; left: 15px; - opacity: 0; - visibility: hidden; + opacity: 1; + visibility: visible; transition: all .2s ease-in-out; } } -.editor-block-list__block[data-type="getbowtied/tr-slide"] { - - &.is-selected, - &.is-hovered, - &.is-typing { - .gbt_18_tr_slide_remove_image_button, - .gbt_18_tr_slide_add_image_button { - opacity: 1; - visibility: visible; - transition: all .2s ease-in-out; - } - } -} - -.editor-block-list__block[data-type="getbowtied/tr-slider"][data-align="wide"], -.editor-block-list__block[data-type="getbowtied/tr-slider"][data-align="full"] { - .editor-block-list__block { +.wp-block[data-type="getbowtied/tr-slider"][data-align="wide"], +.wp-block[data-type="getbowtied/tr-slider"][data-align="full"] { + .wp-block { max-width: calc( 100% - 28px ); } } diff --git a/includes/gbt-blocks/slider/assets/scss/backend/tabs.scss b/includes/gbt-blocks/slider/assets/scss/backend/tabs.scss index 3f50b2d..bfec224 100644 --- a/includes/gbt-blocks/slider/assets/scss/backend/tabs.scss +++ b/includes/gbt-blocks/slider/assets/scss/backend/tabs.scss @@ -1,4 +1,4 @@ -.editor-block-list__block[data-type="getbowtied/tr-slide"] { +.wp-block[data-type="getbowtied/tr-slide"] { display: none; } @@ -6,11 +6,11 @@ .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="1"] { background-color: #555d66; svg { - fill: #fff; + fill: #fff; } } - .editor-block-list__block[data-type="getbowtied/tr-slide"][data-tab="1"] { + .wp-block[data-type="getbowtied/tr-slide"][data-tab="1"] { display: block; } } @@ -19,11 +19,11 @@ .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="2"] { background-color: #555d66; svg { - fill: #fff; + fill: #fff; } } - .editor-block-list__block[data-type="getbowtied/tr-slide"][data-tab="2"] { + .wp-block[data-type="getbowtied/tr-slide"][data-tab="2"] { display: block; } } @@ -32,11 +32,11 @@ .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="3"] { background-color: #555d66; svg { - fill: #fff; + fill: #fff; } } - .editor-block-list__block[data-type="getbowtied/tr-slide"][data-tab="3"] { + .wp-block[data-type="getbowtied/tr-slide"][data-tab="3"] { display: block; } } @@ -45,11 +45,11 @@ .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="4"] { background-color: #555d66; svg { - fill: #fff; + fill: #fff; } } - .editor-block-list__block[data-type="getbowtied/tr-slide"][data-tab="4"] { + .wp-block[data-type="getbowtied/tr-slide"][data-tab="4"] { display: block; } } @@ -58,11 +58,11 @@ .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="5"] { background-color: #555d66; svg { - fill: #fff; + fill: #fff; } } - .editor-block-list__block[data-type="getbowtied/tr-slide"][data-tab="5"] { + .wp-block[data-type="getbowtied/tr-slide"][data-tab="5"] { display: block; } } @@ -71,11 +71,11 @@ .gbt_18_tr_editor_slider_tabs .slide-tab[data-tab="6"] { background-color: #555d66; svg { - fill: #fff; + fill: #fff; } } - .editor-block-list__block[data-type="getbowtied/tr-slide"][data-tab="6"] { + .wp-block[data-type="getbowtied/tr-slide"][data-tab="6"] { display: block; } -} \ No newline at end of file +} diff --git a/includes/gbt-blocks/social_media_profiles/assets/css/editor.css b/includes/gbt-blocks/social_media_profiles/assets/css/editor.css index a1fd03c..9aec1dd 100644 --- a/includes/gbt-blocks/social_media_profiles/assets/css/editor.css +++ b/includes/gbt-blocks/social_media_profiles/assets/css/editor.css @@ -1 +1,37 @@ -.gbt_18_tr_editor_social_media_wrapper{padding:0.5em;width:100%}.gbt_18_tr_editor_social_media_wrapper .gbt_18_tr_editor_social_media_setup{color:#5d5d5d;font-size:13px;margin-bottom:0;margin-top:0}ul.tr_social_icons_list{clear:both;display:block;margin:15px 0;padding:0;vertical-align:middle}ul.tr_social_icons_list.left{text-align:left}ul.tr_social_icons_list.center{text-align:center}ul.tr_social_icons_list.right{text-align:right}ul.tr_social_icons_list li.tr_social_icon{display:inline-block;font-size:24px;list-style:none;line-height:1;margin:10px 15px 10px 0}ul.tr_social_icons_list li.tr_social_icon:last-child{margin-right:0}ul.tr_social_icons_list li.tr_social_icon a.tr_social_icon_link{pointer-events:none}ul.tr_social_icons_list li.tr_social_icon a.tr_social_icon_link:hover i{opacity:.75}ul.tr_social_icons_list li.tr_social_icon a.tr_social_icon_link i{-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s} \ No newline at end of file +.gbt_18_tr_editor_social_media_wrapper { + padding: 0.5em; + width: 100%; } + .gbt_18_tr_editor_social_media_wrapper .gbt_18_tr_editor_social_media_setup { + color: #5d5d5d; + font-size: 13px; + margin-bottom: 0 !important; + margin-top: 0; } + +ul.tr_social_icons_list { + clear: both; + display: block; + margin: 15px 0 0 !important; + padding: 0 !important; + vertical-align: middle; } + ul.tr_social_icons_list.left { + text-align: left; } + ul.tr_social_icons_list.center { + text-align: center; } + ul.tr_social_icons_list.right { + text-align: right; } + ul.tr_social_icons_list li.tr_social_icon { + display: inline-block; + font-size: 24px; + list-style: none; + line-height: 1; + margin: 10px 15px 10px 0; } + ul.tr_social_icons_list li.tr_social_icon:last-child { + margin-right: 0; } + ul.tr_social_icons_list li.tr_social_icon a.tr_social_icon_link { + pointer-events: none; } + ul.tr_social_icons_list li.tr_social_icon a.tr_social_icon_link:hover i { + opacity: .75; } + ul.tr_social_icons_list li.tr_social_icon a.tr_social_icon_link i { + -webkit-transition: opacity .2s; + -o-transition: opacity .2s; + transition: opacity .2s; } diff --git a/includes/gbt-blocks/social_media_profiles/assets/scss/editor.scss b/includes/gbt-blocks/social_media_profiles/assets/scss/editor.scss index c28b512..aeb44c9 100644 --- a/includes/gbt-blocks/social_media_profiles/assets/scss/editor.scss +++ b/includes/gbt-blocks/social_media_profiles/assets/scss/editor.scss @@ -5,7 +5,7 @@ .gbt_18_tr_editor_social_media_setup { color: #5d5d5d; font-size: 13px; - margin-bottom: 0; + margin-bottom: 0 !important; margin-top: 0; } } @@ -14,8 +14,8 @@ ul.tr_social_icons_list { clear: both; display: block; - margin: 15px 0; - padding: 0; + margin: 15px 0 0 !important; + padding: 0 !important; vertical-align: middle; &.left @@ -34,7 +34,7 @@ ul.tr_social_icons_list } li.tr_social_icon - { + { display: inline-block; font-size: 24px; list-style: none; @@ -49,7 +49,7 @@ ul.tr_social_icons_list a.tr_social_icon_link { pointer-events: none; - + &:hover { i @@ -64,4 +64,4 @@ ul.tr_social_icons_list } } } -} \ No newline at end of file +} From aea7de4e68760cb961fac86da305b6aa3fe004cb Mon Sep 17 00:00:00 2001 From: Vanesa Reinerth Date: Wed, 8 Apr 2020 10:42:09 +0300 Subject: [PATCH 2/2] v.1.4.9 --- README.txt | 9 ++++++--- core/updater/assets/plugin.json | 8 ++++---- the-retailer-extender.php | 4 ++-- 3 files changed, 12 insertions(+), 9 deletions(-) diff --git a/README.txt b/README.txt index d2be874..9bc59e6 100755 --- a/README.txt +++ b/README.txt @@ -2,12 +2,12 @@ Contributors: getbowtied, vanesareinerth, adrianlbs Tags: gutenberg, blocks Requires at least: 5.0 -Tested up to: 5.3.2 -Stable tag: 1.4.8 +Tested up to: 5.4 +Stable tag: 1.4.9 Requires PHP: 5.5.0 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html -~Current Version:1.4.8~ +~Current Version:1.4.9~ Extends the functionality of The Retailer theme by adding theme specific features. @@ -39,6 +39,9 @@ Companion plugin for **The Retailer** theme. Extends the functionality by adding == Changelog == += 1.4.9 = +- Small maintenance updates + = 1.4.8 = - Small maintenance updates diff --git a/core/updater/assets/plugin.json b/core/updater/assets/plugin.json index 4fd3b37..8f68776 100755 --- a/core/updater/assets/plugin.json +++ b/core/updater/assets/plugin.json @@ -1,19 +1,19 @@ { "name": "The Retailer Extender", - "version": "1.4.8", + "version": "1.4.9", "download_url": "https://github.com/getbowtied/the-retailer-extender/zipball/master", "homepage": "https://themeforest.net/item/the-retailer-responsive-wordpress-theme/4287447", "requires": "5.0", - "tested": "5.3.2", - "last_updated": "2020-03-25 13:00:00", + "tested": "5.4", + "last_updated": "2020-04-08 10:00:00", "author": "GetBowtied", "author_homepage": "https://getbowtied.com/", "sections": { "description": "

Companion plugin for the The Retailer theme. Extends the functionality by adding theme specific features.

Features:

Gutenberg Blocks:

WPBakery Page Builder Elements:

", - "changelog": "

1.4.8

1.4.7

1.4.6

1.4.5

1.4.4

1.4.3

1.4.2

1.4.1

1.4

1.3.2

1.3.1

1.3

1.2.2

1.2.1

1.2

1.1

1.0

" + "changelog": "

1.4.9

1.4.8

1.4.7

1.4.6

1.4.5

1.4.4

1.4.3

1.4.2

1.4.1

1.4

1.3.2

1.3.1

1.3

1.2.2

1.2.1

1.2

1.1

1.0

" }, "icons" : { diff --git a/the-retailer-extender.php b/the-retailer-extender.php index 575e168..5dc4144 100755 --- a/the-retailer-extender.php +++ b/the-retailer-extender.php @@ -4,11 +4,11 @@ * Plugin Name: The Retailer Extender * Plugin URI: https://theretailer.wp-theme.design/ * Description: Extends the functionality of The Retailer with theme specific features. - * Version: 1.4.8 + * Version: 1.4.9 * Author: GetBowtied * Author URI: https://getbowtied.com * Requires at least: 5.0 - * Tested up to: 5.3.2 + * Tested up to: 5.4 * * @package The Retailer Extender * @author GetBowtied