diff --git a/assets/css/admin.scss b/assets/css/admin.scss index 95e20289ff3..e8268b84dee 100644 --- a/assets/css/admin.scss +++ b/assets/css/admin.scss @@ -2044,7 +2044,8 @@ img.help_tip { } table.form-table { - margin: 0 0 0; + margin: 0; + position: relative; .select2-container { display: block; @@ -2121,21 +2122,17 @@ img.help_tip { } .color_box { - border: 1px solid #ccc; - box-shadow: 1px 1px 3px rgba(0,0,0,0.2); - -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); - -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - padding: 4px 6px; float: left; width: 90px; + padding: 4px 6px; margin: 0 10px 0 0; + border: 1px solid #ccc; + border-radius: 3px; + box-shadow: 0 1px 3px rgba(0,0,0,0.2); strong { - text-align: left; display: block; + text-align: left; padding: 0 0 2px; font-size: 0.92em; @@ -2146,8 +2143,8 @@ img.help_tip { } input.colorpick { - width: 100%; margin: 0; + width: 100%; font-family: monospace; box-sizing: border-box; } @@ -2158,27 +2155,25 @@ img.help_tip { } .color_box_clear { - display: block; clear: both; + display: block; padding-bottom: 10px; } .iris-picker { z-index: 100; - position: absolute; display: none; + position: absolute; border: 1px solid #ccc; - box-shadow: 1px 1px 3px rgba(0,0,0,0.2); - -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); - -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); - @include border-radius(3px); + border-radius: 3px; + box-shadow: 0 1px 3px rgba(0,0,0,0.2); .ui-slider { border: 0 !important; - background: none transparent !important; margin: 0 !important; width: auto !important; height: auto !important; + background: none transparent !important; .ui-slider-handle { margin-bottom: 0 !important; @@ -2583,7 +2578,7 @@ img.help_tip { } } - h4.wc-settings-sub-title { + h3.wc-settings-sub-title { font-size: 1.2em; } } diff --git a/assets/js/admin/settings.js b/assets/js/admin/settings.js index a960679faab..a2b1d978fa4 100644 --- a/assets/js/admin/settings.js +++ b/assets/js/admin/settings.js @@ -1,92 +1,92 @@ -jQuery(window).load(function(){ +/* global woocommerce_settings_params */ +jQuery( window ).load( function() { // Countries - jQuery('select#woocommerce_allowed_countries, select#woocommerce_ship_to_countries').change(function(){ - if (jQuery(this).val()=="specific") { - jQuery(this).parent().parent().next('tr').show(); + jQuery( 'select#woocommerce_allowed_countries, select#woocommerce_ship_to_countries' ).change( function() { + if ( jQuery( this ).val() === 'specific' ) { + jQuery( this ).parent().parent().next( 'tr' ).show(); } else { - jQuery(this).parent().parent().next('tr').hide(); + jQuery( this ).parent().parent().next( 'tr' ).hide(); } }).change(); // Color picker - jQuery('.colorpick').iris( { - change: function(event, ui){ - jQuery(this).css( { backgroundColor: ui.color.toString() } ); + jQuery( '.colorpick' ).iris({ + change: function( event, ui ) { + jQuery( this ).css({ backgroundColor: ui.color.toString() }); }, hide: true, border: true - } ).each( function() { - jQuery(this).css( { backgroundColor: jQuery(this).val() } ); - }) - .click(function(){ - jQuery('.iris-picker').hide(); - jQuery(this).closest('.color_box, td').find('.iris-picker').show(); + }).each( function() { + jQuery( this ).css({ backgroundColor: jQuery( this ).val() }); + }).click( function() { + jQuery( '.iris-picker' ).hide(); + jQuery( this ).closest( '.color_box, td' ).find( '.iris-picker' ).show(); }); - jQuery('body').click(function() { - jQuery('.iris-picker').hide(); + jQuery( 'body' ).click( function() { + jQuery( '.iris-picker' ).hide(); }); - jQuery('.color_box, .colorpick').click(function(event){ - event.stopPropagation(); + jQuery( '.color_box, .colorpick' ).click( function( event ) { + event.stopPropagation(); }); // Edit prompt - jQuery(function(){ + jQuery( function() { var changed = false; - jQuery('input, textarea, select, checkbox').change(function(){ + jQuery( 'input, textarea, select, checkbox' ).change( function() { changed = true; }); - jQuery('.woo-nav-tab-wrapper a').click(function(){ - if (changed) { + jQuery( '.woo-nav-tab-wrapper a' ).click( function() { + if ( changed ) { window.onbeforeunload = function() { return woocommerce_settings_params.i18n_nav_warning; - } + }; } else { window.onbeforeunload = ''; } }); - jQuery('.submit input').click(function(){ + jQuery( '.submit input' ).click( function() { window.onbeforeunload = ''; }); }); // Sorting - jQuery('table.wc_gateways tbody, table.wc_shipping tbody').sortable({ - items:'tr', - cursor:'move', - axis:'y', + jQuery( 'table.wc_gateways tbody, table.wc_shipping tbody' ).sortable({ + items: 'tr', + cursor: 'move', + axis: 'y', handle: 'td.sort', - scrollSensitivity:40, - helper:function(e,ui){ - ui.children().each(function(){ - jQuery(this).width(jQuery(this).width()); + scrollSensitivity: 40, + helper: function( event, ui ) { + ui.children().each( function() { + jQuery( this ).width( jQuery( this ).width() ); }); - ui.css('left', '0'); + ui.css( 'left', '0' ); return ui; }, - start:function(event,ui){ - ui.item.css('background-color','#f6f6f6'); + start: function( event, ui ) { + ui.item.css( 'background-color', '#f6f6f6' ); }, - stop:function(event,ui){ - ui.item.removeAttr('style'); + stop: function( event, ui ) { + ui.item.removeAttr( 'style' ); } }); // Select all/none jQuery( '.woocommerce' ).on( 'click', '.select_all', function() { - jQuery(this).closest( 'td' ).find( 'select option' ).attr( "selected", "selected" ); - jQuery(this).closest( 'td' ).find('select').trigger( 'change' ); + jQuery( this ).closest( 'td' ).find( 'select option' ).attr( 'selected', 'selected' ); + jQuery( this ).closest( 'td' ).find( 'select' ).trigger( 'change' ); return false; }); jQuery( '.woocommerce' ).on( 'click', '.select_none', function() { - jQuery(this).closest( 'td' ).find( 'select option' ).removeAttr( "selected" ); - jQuery(this).closest( 'td' ).find('select').trigger( 'change' ); + jQuery( this ).closest( 'td' ).find( 'select option' ).removeAttr( 'selected' ); + jQuery( this ).closest( 'td' ).find( 'select' ).trigger( 'change' ); return false; }); -}); \ No newline at end of file +});