'; esc_html_e('Settings updated.','bordered-blocks'); echo '
,
, or
,
assets/css/bordered-blocks-admin.css 0000644 00000007147 14740033643 0013514 0 ustar 00 .hide { display:none; } .bold-text { font-weight: bold; } #borderedblocks-main .help { background: #606060; color: #ffffff; width: 15px; height: 15px; line-height: 15px; display: inline-block; border-radius: 100px; text-align: center; text-decoration: none; cursor:help; font-weight: normal; font-size: 12px; } #borderedblocks-main .help:focus, #borderedblocks-main .help:active { box-shadow: none; } #borderedblocks-faq p { font-size:14px; margin-bottom:20px; } #borderedblocks-faq li { font-size:14px; margin-left: 25px; list-style-type: disc; } #borderedblocks-faq strong { color:#222; font-size:16px; padding-top:20px; margin-bottom:3px; border-top:solid 1px #ccc; display:block; } #borderedblocks-faq p:nth-of-type(1) strong { border-top:none; } #borderedblocks-main .form-table h2 { margin: 0 0 10px 0; } #borderedblocks-main .button-primary, #borderedblocks-main .button-secondary { margin: 15px ; } .border-table, .padding-table, .label-table { width: 100%; padding-left: 20px; padding-right: 10px; background-color: #e0e0e0; } .padding-table td { padding: 10px 0; text-align: center; } .form-table th.table-title { padding: 10px 0 10px 0; border-bottom: solid 1px #999999; } .form-table .no-padding { padding-top:0; padding-bottom: 0; } .form-table th.table-title .button-reset { float: right; } .form-table .preview-cell { width: 60%; padding-left: 40px; padding-right: 40px; background: #ffffff; vertical-align: top; } .form-table .preview-cell h3 { font-size: 30px; margin: 0; } .form-table .preview-cell .preview-intro, .form-table .preview-cell .preview-outro { text-align: center; border: 0 !important; padding: 0 !important; } .form-table .preview-cell .preview-outro { margin-top: 30px !important; color: #ff0000; } .form-table .preview-cell p, .form-table .preview-cell div { position: relative; margin-top: 0 !important; margin-bottom: 10px !important; font-size: 16px; } .form-table .preview-cell ul, .form-table .preview-cell li { list-style-type: disc; margin: 0 0 0 10px; } .form-table .preview-cell .columns { display: flex; } .form-table .preview-cell .columns > * { margin: 0 10px; } .form-table .preview-cell .column-left { width: 30%; } .form-table .preview-cell .column-right { width: 70%; } .form-table .preview-cell img { width: 200px; max-width: 100%; } .form-table .prev-image:after { content:""; width:200px; height: 200px; display: block; background-image:url('http://plugins-testground.local/wp-content/plugins/bordered-blocks/assets/img/sophie.png'); background-size: 200px 200px; } .form-table .preview-cell .block-label { transition: all 0.2s; position: absolute; left: 0; top: 0; width: 100%; text-transform: uppercase; padding: 0; margin: 0; text-indent: 5px; border-bottom: dotted 1px #c0c0c0; font-weight: normal; z-index: 10; font-family: "Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; } #borderedblocks-supported-blocks p, #borderedblocks-supported-blocks li { font-size: 14px; } #borderedblocks-supported-blocks ul ul { list-style-type: disc; margin-left: 25px; margin-bottom: 40px; } #borderedblocks-supported-blocks .supported-blocks > ul { float: left; width: 30%; max-width: 250px; overflow: hidden; margin-right: 3%; } #borderedblocks-supported-blocks .supported-blocks p { clear: both; } assets/css/bordered-blocks.css 0000644 00000004324 14740033643 0012420 0 ustar 00 .borderedblocks-header { margin-left: 15px; padding-left: 15px; border-left: solid 1px #000000; height: 36px; display: flex; align-items: center; } .borderedblocks-toggle label { margin-left: 10px; position: relative; top: -1px; } .editor-styles-wrapper .wp-block { transition: all 0.3s; } body:not(.borderedblocks) .borderedblocks-label { display: none !important; } .editor-styles-wrapper .wp-block { margin-top: 0 !important; } .editor-styles-wrapper .wp-block[data-empty="true"] { padding-top: 10px !important; } .editor-styles-wrapper *[data-title]:hover { border-color: #00000 !important; } .borderedblocks .components-placeholder.components-placeholder { max-width: 100% !important; overflow: hidden; } .borderedblocks .components-placeholder.components-placeholder:hover { overflow: initial; } .editor-styles-wrapper .wp-block.block-list-appender { border: 0; padding: 0; } .editor-styles-wrapper .block-editor-inserter { z-index: 25; } .editor-styles-wrapper .wp-block::before, .editor-styles-wrapper .wp-block *[data-title]::before { transition: all 0.2s; position: absolute; left: 0; top: 0; width: 100%; text-transform: uppercase; text-align: left; text-indent: 5px; padding: 0; border-top: 0; border-bottom: dotted 1px #c0c0c0; font-weight: normal; z-index: 25; font-family: "Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; letter-spacing: initial; max-width: 100%; transform: none; border-radius: 0; } .editor-styles-wrapper .wp-block img, .editor-styles-wrapper .wp-block video { opacity: 0.75; } .editor-styles-wrapper .wp-block[data-empty="true"]:before { display: none; } .editor-styles-wrapper .contains-blocks[data-title] *[data-title]{ margin-top: 0 } /* ------------------------------------------------------------------ */ /* These are some exceptional cases that we need to hard-code for now */ /* ------------------------------------------------------------------ */ .editor-styles-wrapper h1 {position: relative;} .editor-styles-wrapper h1:before {content:"H1 Title";} assets/js/bordered-blocks-admin.js 0000644 00000012460 14740033643 0013156 0 ustar 00 jQuery(function($) { // --- HANDLING THE TABS ----------------------------------- var hash = window.location.hash; $('#borderedblocks-settings-general .tabs-content').children().addClass('hide'); if (hash != '') { $('#borderedblocks-settings-general .nav-tab-wrapper a[href="' + hash + '"]').addClass('nav-tab-active'); $('#borderedblocks-settings-general .tabs-content div' + hash.replace('#', '#borderedblocks-')).removeClass('hide'); } else { $('#borderedblocks-settings-general .nav-tab-wrapper a:first-child').addClass('nav-tab-active'); $('#borderedblocks-settings-general .tabs-content div#borderedblocks-main').removeClass('hide'); } $('#borderedblocks-settings-general .nav-tab-wrapper a').on('click',function() { var tab_id = $(this).attr('href').replace('#', '#borderedblocks-'); // Set the current tab active $(this).parent().children().removeClass('nav-tab-active'); $(this).addClass('nav-tab-active'); // Show the active content $('#borderedblocks-settings-general .tabs-content').children().addClass('hide'); $('#borderedblocks-settings-general .tabs-content div' + tab_id).removeClass('hide'); }); $('#borderedblocks-settings-general a.help').on('click',function(h) { h.preventDefault(); }); // --- SETTINGS: RESETTING DEFAULTS ----------------------------------- $('#borderedblocks-settings-general .button-reset-border, #borderedblocks-settings-general .button-reset-all').on('click',function(b){ $('#borderedblocks-settings-general input:radio[name="gb_borderstyle"]').trigger('click'); $('#borderedblocks-settings-general input[name="gb_bordercolor"]').attr('value','#c0c0c0').val('#c0c0c0'); $('#borderedblocks-settings-general .bordercolor button.wp-color-result').attr('style','background-color: #c0c0c0'); $('#borderedblocks-settings-general input[name="gb_borderwidth"]').attr('value','1').val('1'); }); $('#borderedblocks-settings-general .button-reset-padding, #borderedblocks-settings-general .button-reset-all').on('click',function(p){ $('#borderedblocks-settings-general input[name="gb_paddingtop"]').attr('value','25').val('25'); $('#borderedblocks-settings-general input[name="gb_paddingright"]').attr('value','10').val('10'); $('#borderedblocks-settings-general input[name="gb_paddingbottom"]').attr('value','10').val('10'); $('#borderedblocks-settings-general input[name="gb_paddingleft"]').attr('value','10').val('10'); }); $('#borderedblocks-settings-general .button-reset-label, #borderedblocks-settings-general .button-reset-all').on('click',function(l){ $('#borderedblocks-settings-general input[name="gb_labelbackground"]').attr('value','#000000').val('#000000'); $('#borderedblocks-settings-general .labelbackground button.wp-color-result').attr('style','background-color: #000000'); $('#borderedblocks-settings-general input[name="gb_labelcolor"]').attr('value','#ffffff').val('#ffffff'); $('#borderedblocks-settings-general .labelcolor button.wp-color-result').attr('style','background-color: #ffffff'); $('#borderedblocks-settings-general input[name="gb_labelsize"]').attr('value','12').val('12'); $('#borderedblocks-settings-general input[name="gb_labelopacity"]').attr('value','3').val('3'); }); // --- SETTINGS: PREVIEW ----------------------------------- $('#borderedblocks-settings-general .button-preview, #borderedblocks-settings-general .button-reset-all, #borderedblocks-settings-general .button-reset-border, #borderedblocks-settings-general .button-reset-padding, #borderedblocks-settings-general .button-reset-label').on('click',function(bp){ var setBorder = $('#borderedblocks-settings-general input[name="gb_borderstyle"]:checked').val() + ' ' + $('#borderedblocks-settings-general input[name="gb_borderwidth"]').val() + 'px ' + $('#borderedblocks-settings-general input[name="gb_bordercolor"]').val(); var setPadding = $('#borderedblocks-settings-general input[name="gb_paddingtop"]').val() + 'px ' + $('#borderedblocks-settings-general input[name="gb_paddingright"]').val() + 'px ' + $('#borderedblocks-settings-general input[name="gb_paddingbottom"]').val() + 'px ' + $('#borderedblocks-settings-general input[name="gb_paddingleft"]').val() + 'px'; $('#borderedblocks-settings-general .padding-preview').css('border', setBorder); $('#borderedblocks-settings-general .preview-cell div, #borderedblocks-settings-general .preview-cell p').css('border', setBorder).css('padding', setPadding); $('#borderedblocks-settings-general .preview-cell .block-label').css('background',$('#borderedblocks-settings-general input[name="gb_labelbackground"]').val()).css('color',$('#borderedblocks-settings-general input[name="gb_labelcolor"]').val()).css('font-size',$('#borderedblocks-settings-general input[name="gb_labelsize"]').val() +'px ').css('opacity',($('#borderedblocks-settings-general input[name="gb_labelopacity"]').val())/10).css('height',($('#borderedblocks-settings-general input[name="gb_labelsize"]').val()*1.5) +'px ').css('line-height',($('#borderedblocks-settings-general input[name="gb_labelsize"]').val()*1.5) +'px '); }); }); assets/js/colorpicker.js 0000644 00000000126 14740033643 0011337 0 ustar 00 jQuery(document).ready(function($){ $('.field-colorpicker').wpColorPicker(); }); assets/js/bordered-blocks.js 0000644 00000020736 14740033643 0012075 0 ustar 00 jQuery(function($) { $('body').append(''); let blocksOnPage = new Array(); let embedsOnPage = new Array(); // Variables from database let bordershow = borderedblocks_loader.bordershow; let bordercolor = borderedblocks_loader.bordercolor; let borderstyle = borderedblocks_loader.borderstyle; let borderwidth = borderedblocks_loader.borderwidth; let paddingtop = borderedblocks_loader.paddingtop; let paddingright = borderedblocks_loader.paddingright; let paddingbottom = borderedblocks_loader.paddingbottom; let paddingleft = borderedblocks_loader.paddingleft; let labelcolor = borderedblocks_loader.labelcolor; let labelbackground = borderedblocks_loader.labelbackground; let labelopacity = borderedblocks_loader.labelopacity; let labelsize = borderedblocks_loader.labelsize; // Apply CSS styles for borders let cssVar = '.editor-styles-wrapper .wp-block, .editor-styles-wrapper *[data-title], .editor-styles-wrapper .contains-blocks[data-title] *[data-title]{'; cssVar += 'border: '+borderstyle+' '+borderwidth+'px '+bordercolor+' !important;'; cssVar += 'padding: '+paddingtop+'px '+paddingright+'px '+paddingbottom+'px '+paddingleft+'px !important; margin-bottom: 20px !important;}'; // Apply CSS styles for labels if (labelsize < 1) { cssVar += '.editor-styles-wrapper .wp-block:before {display: none;}'; } else { cssVar += '.editor-styles-wrapper .wp-block::before, .editor-styles-wrapper .wp-block *[data-title]::before {'; cssVar += 'font-size:'+labelsize+'px;height:'+(labelsize*1.5)+'px;line-height:'+(labelsize*1.5)+'px;background:'+labelbackground+';color:'+labelcolor+';opacity:'+(labelopacity/10)+';'; cssVar += '}'; } cssVar += '.editor-styles-wrapper .wp-block.contains-blocks[data-title] {position: relative; padding: 0 !important; border: none;}'; cssVar += '.editor-styles-wrapper .wp-block.contains-blocks::before {display: none;}'; cssVar += '.editor-styles-wrapper hr.wp-block-separator[data-title], .editor-styles-wrapper .contains-blocks[data-title] hr[data-title] {padding: 0 !important;} .editor-styles-wrapper hr.wp-block-separator:after {display: none;}'; cssVar += '.editor-styles-wrapper .wp-block[data-title="Social Icon"] {border: none; padding: 0 !important; margin-bottom: 0 !important;} .editor-styles-wrapper .wp-block.contains-blocks[data-title="Social Icons"] *[data-title="Social Icon"] {border: none; padding: 0 !important; margin-bottom: 0 !important;} .editor-styles-wrapper .wp-block[data-title="Social Icon"]:before {display: none;}'; $('#borderedBlocks-css-variable').html(cssVar); // Whether the toggle button (and the borders) should be ON of OFF by default // let checkedornot; // if (bordershow) { // $('body').addClass('borderedblocks'); // checkedornot = 'checked'; // } // function addToggle() { // Adding the toggle button // First line is updated - we can remove the second line a few versions down the road. // $('.editor-document-tools__left').append('
'; esc_html_e('WARNING! Please review the following settings:','bordered-blocks'); echo '