diff --git a/assets/css/admin.scss b/assets/css/admin.scss index bc2f3e7b7dc..3c547521532 100644 --- a/assets/css/admin.scss +++ b/assets/css/admin.scss @@ -1,4 +1,3 @@ - /** * admin.scss * General WooCommerce admin styles. Settings, product data tabs, reports, etc. @@ -16,7 +15,6 @@ * Styling begins */ .blockUI.blockOverlay { - @include loader(); } @@ -25,9 +23,12 @@ .marketplace-header { background-image: url("../images/marketplace-header-bg@2x.png"); + background-position: right; background-size: cover; - font-family: sans-serif; - padding-left: 84px; + display: flex; + flex-direction: column; + justify-content: center; + padding: 24px; min-height: 216px; &__title { @@ -35,18 +36,15 @@ font-size: 32px; font-style: normal; font-weight: 400; - letter-spacing: -0.32px; - line-height: 24px; + line-height: 1.15; margin-bottom: 8px; padding: 0; - padding-top: 47px; } &__description { color: #fff; font-size: 16px; line-height: 24px; - letter-spacing: -0.32px; margin-bottom: 24px; margin-top: 0; } @@ -54,25 +52,27 @@ &__search-form { clear: both; display: block; + max-width: 318px; position: relative; input { border: 1px solid #ddd; box-shadow: none; - height: 53px; + font-size: 13px; + height: 48px; + padding-left: 16px; padding-right: 50px; width: 100%; margin: 0; - max-width: 318px; } button { background: none; border: none; cursor: pointer; - height: 53px; - left: -53px; - position: relative; + height: 48px; + position: absolute; + right: 0; width: 53px; } } @@ -372,11 +372,11 @@ display: none; } - .addons-banner-block-item:nth-child(-n+3) { + .addons-banner-block-item:nth-child(-n + 3) { display: block; } - .addons-column-block-item:nth-of-type(-n+3) { + .addons-column-block-item:nth-of-type(-n + 3) { display: flex; } @@ -513,7 +513,6 @@ } @media only screen and (max-width: 400px) { - .addons-featured { margin: -1% -5%; } @@ -554,8 +553,7 @@ flex: 1; overflow: hidden; background: #f5f5f5; - box-shadow: - inset 0 1px 0 rgba(255, 255, 255, 0.2), + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.1); a { @@ -632,14 +630,14 @@ .woocommerce-message, .woocommerce-BlankState { - a.button-primary, button.button-primary { background: #bb77ae; border-color: #a36597; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597; color: #fff; - text-shadow: 0 -1px 1px #a36597, 1px 0 1px #a36597, 0 1px 1px #a36597, -1px 0 1px #a36597; + text-shadow: 0 -1px 1px #a36597, 1px 0 1px #a36597, 0 1px 1px #a36597, + -1px 0 1px #a36597; display: inline-block; &:hover, @@ -695,13 +693,11 @@ } #variable_product_options { - .form-row select { max-width: 100%; } .toolbar-top { - .button { margin: 1px; } @@ -709,9 +705,7 @@ } #product_attributes { - .toolbar-top { - .button { margin: 1px; } @@ -747,14 +741,12 @@ mark.amount { width: 16px; &::after { - - @include icon_dashicons( "\f223" ); + @include icon_dashicons("\f223"); cursor: help; } } .wc-wp-version-gte-53 { - .woocommerce-help-tip { font-size: 1.2em; cursor: help; @@ -775,7 +767,6 @@ table.wc_status_table { } tr:nth-child(2n) { - th, td { background: #fcfcfc; @@ -837,7 +828,6 @@ table.wc_status_table { } table.wc_status_table--tools { - td, th { padding: 2em; @@ -845,7 +835,6 @@ table.wc_status_table--tools { } .taxonomy-product_cat { - .check-column .woocommerce-help-tip { font-size: 1.5em; margin: -3px 0 0 5px; @@ -874,12 +863,10 @@ table.wc_status_table--tools { } } - /** * DB log viewer */ .wp-list-table.logs { - .log-level { display: inline; padding: 0.2em 0.6em 0.3em; @@ -933,8 +920,7 @@ table.wc_status_table--tools { } // Adjust log table columns only when table is not collapsed - @media screen and ( min-width: 783px ) { - + @media screen and (min-width: 783px) { .column-timestamp { width: 18%; } @@ -972,7 +958,6 @@ table.wc_status_table--tools { } .inline-edit-product.quick-edit-row { - .inline-edit-col-center, .inline-edit-col-right { float: right !important; @@ -1027,13 +1012,11 @@ table.wc_status_table--tools { } #woocommerce-fields-bulk.inline-edit-col { - label { clear: left; } .inline-edit-group { - label { clear: none; width: 49%; @@ -1123,8 +1106,7 @@ ul.wc_coupon_list { */ &::before { - - @include icon_dashicons( "\f158" ); + @include icon_dashicons("\f158"); } &:hover::before { @@ -1159,7 +1141,6 @@ ul.wc_coupon_list_block { } .button.wc-reload { - @include ir(); padding: 0; height: 28px; @@ -1167,14 +1148,12 @@ ul.wc_coupon_list_block { display: inline-block; &::after { - - @include icon_dashicons( "\f345" ); + @include icon_dashicons("\f345"); line-height: 28px; } } #woocommerce-order-data { - .postbox-header, .hndle, .handlediv { @@ -1191,7 +1170,8 @@ ul.wc_coupon_list_block { h2 { margin: 0; - font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; + font-family: "HelveticaNeue-Light", "Helvetica Neue Light", + "Helvetica Neue", sans-serif; font-size: 21px; font-weight: normal; line-height: 1.2; @@ -1215,7 +1195,8 @@ ul.wc_coupon_list_block { p.order_number { margin: 0; - font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; + font-family: "HelveticaNeue-Light", "Helvetica Neue Light", + "Helvetica Neue", sans-serif; font-weight: normal; line-height: 1.6em; font-size: 16px; @@ -1333,7 +1314,6 @@ ul.wc_coupon_list_block { padding-right: 1px; .select2-container { - .select2-selection--single { height: 32px; @@ -1346,7 +1326,6 @@ ul.wc_coupon_list_block { .wc-customer-user, .wc-order-status { - label a { float: right; margin-left: 8px; @@ -1461,7 +1440,6 @@ ul.wc_coupon_list_block { } #woocommerce-order-items { - .inside { margin: 0; padding: 0; @@ -1561,7 +1539,6 @@ ul.wc_coupon_list_block { } .add-items { - .description { margin-right: 10px; } @@ -1579,7 +1556,6 @@ ul.wc_coupon_list_block { } #woocommerce-order-items { - .inside { display: block !important; } @@ -1691,8 +1667,7 @@ ul.wc_coupon_list_block { text-align: center; &::before { - - @include icon_dashicons( "\f128" ); + @include icon_dashicons("\f128"); width: 38px; line-height: 38px; display: block; @@ -1709,7 +1684,6 @@ ul.wc_coupon_list_block { } td.name { - .wc-order-item-sku, .wc-order-item-variation { display: block; @@ -1882,7 +1856,6 @@ ul.wc_coupon_list_block { color: #888; tr { - th { border: 0; padding: 0 4px 0.5em 0; @@ -1931,7 +1904,6 @@ ul.wc_coupon_list_block { } tr.fee .thumb div { - @include ir(); font-size: 1.5em; line-height: 1em; @@ -1939,14 +1911,12 @@ ul.wc_coupon_list_block { margin: 0 auto; &::before { - - @include icon( "\e007" ); + @include icon("\e007"); color: #ccc; } } tr.refund .thumb div { - @include ir(); font-size: 1.5em; line-height: 1em; @@ -1954,16 +1924,13 @@ ul.wc_coupon_list_block { margin: 0 auto; &::before { - - @include icon( "\e014" ); + @include icon("\e014"); color: #ccc; } } tr.shipping { - .thumb div { - @include ir(); font-size: 1.5em; line-height: 1em; @@ -1971,8 +1938,7 @@ ul.wc_coupon_list_block { margin: 0 auto; &::before { - - @include icon( "\e01a" ); + @include icon("\e01a"); color: #ccc; } } @@ -1990,9 +1956,7 @@ ul.wc_coupon_list_block { th.line_tax, td.line_tax { - .delete-order-tax { - @include ir(); float: right; font-size: 14px; @@ -2000,8 +1964,7 @@ ul.wc_coupon_list_block { margin: 3px -18px 0 0; &::before { - - @include icon_dashicons( "\f153" ); + @include icon_dashicons("\f153"); color: #999; } @@ -2022,8 +1985,7 @@ ul.wc_coupon_list_block { margin-top: 0.5em; &::before { - - @include icon_dashicons( "\f171" ); + @include icon_dashicons("\f171"); position: relative; top: auto; left: auto; @@ -2066,7 +2028,6 @@ ul.wc_coupon_list_block { } &:hover { - &::before { color: #999; } @@ -2078,17 +2039,14 @@ ul.wc_coupon_list_block { } .edit-order-item::before { - - @include icon_dashicons( "\f464" ); + @include icon_dashicons("\f464"); position: relative; } .delete-order-item, .delete_refund { - &::before { - - @include icon_dashicons( "\f158" ); + @include icon_dashicons("\f158"); position: relative; } @@ -2117,7 +2075,6 @@ ul.wc_coupon_list_block { } #woocommerce-order-downloads { - .buttons { float: left; padding: 0; @@ -2175,7 +2132,6 @@ ul.wc_coupon_list_block { } #woocommerce_customers { - p.search-box { margin: 6px 0 4px; float: left; @@ -2188,7 +2144,6 @@ ul.wc_coupon_list_block { } .widefat { - &.customers td { vertical-align: middle; padding: 4px 7px; @@ -2219,7 +2174,6 @@ ul.wc_coupon_list_block { width: 110px; a.button { - @include ir(); display: inline-block; margin: 2px 4px 2px 0; @@ -2290,13 +2244,9 @@ ul.wc_coupon_list_block { } .wc-wp-version-gte-53 { - .widefat { - .column-wc_actions { - a.button { - &::after { margin-top: 2px; } @@ -2306,13 +2256,11 @@ ul.wc_coupon_list_block { } .post-type-shop_order { - .tablenav .one-page .displaying-num { display: none; } .tablenav { - .select2-selection--single { height: 32px; @@ -2331,7 +2279,6 @@ ul.wc_coupon_list_block { thead, tfoot { - th { padding: 0.75em 1em; } @@ -2351,7 +2298,6 @@ ul.wc_coupon_list_block { } tbody { - td, th { padding: 1em; @@ -2455,13 +2401,11 @@ ul.wc_coupon_list_block { border-radius: 4px; &::before { - - @include icon( "\e010" ); + @include icon("\e010"); line-height: 16px; font-size: 14px; vertical-align: middle; top: 4px; - } &:hover { @@ -2470,7 +2414,6 @@ ul.wc_coupon_list_block { } .order-preview.disabled { - &::before { content: ""; background: url("../images/wpspin-2x.gif") no-repeat center top; @@ -2525,7 +2468,6 @@ ul.wc_coupon_list_block { } .wc-order-preview { - .order-status { float: right; margin-right: 54px; @@ -2618,7 +2560,6 @@ ul.wc_coupon_list_block { } footer { - .wc-action-button-group { display: inline-block; float: left; @@ -2694,9 +2635,7 @@ ul.wc_coupon_list_block { } @media screen and (max-width: 782px) { - .wc-order-preview footer { - .wc-action-button-group .wc-action-button-group__items { display: flex; } @@ -2717,7 +2656,6 @@ ul.wc_coupon_list_block { } .post-type-shop_order .wp-list-table { - td.check-column { width: 1em; } @@ -2747,7 +2685,6 @@ ul.wc_coupon_list_block { } .wc_addons_wrap { - .addons-promotion-block { flex-direction: column; padding: 24px; @@ -2772,33 +2709,28 @@ ul.wc_coupon_list_block { } .column-customer_message .note-on { - @include ir(); margin: 0 auto; color: #999; &::after { - - @include icon( "\e026" ); + @include icon("\e026"); line-height: 16px; } } .column-order_notes .note-on { - @include ir(); margin: 0 auto; color: #999; &::after { - - @include icon( "\e027" ); + @include icon("\e027"); line-height: 16px; } } .attributes-table { - td, th { width: 15%; @@ -2813,14 +2745,12 @@ ul.wc_coupon_list_block { width: 2em; .configure-terms { - @include ir(); padding: 0 !important; height: 2em !important; width: 2em; &::after { - @include icon("\f111"); font-family: "Dashicons"; line-height: 1.85; @@ -2834,7 +2764,6 @@ ul.order_notes { padding: 2px 0 0; li { - .note_content { padding: 10px; background: #efefef; @@ -2877,7 +2806,6 @@ ul.order_notes { } li.system-note { - .note_content { background: #d7cad2; } @@ -2888,7 +2816,6 @@ ul.order_notes { } li.customer-note { - .note_content { background: #a7cedc; } @@ -2914,7 +2841,6 @@ ul.order_notes { } table.wp-list-table { - .column-thumb { width: 52px; text-align: center; @@ -2927,7 +2853,6 @@ table.wp-list-table { } tbody { - td.column-handle { cursor: move; width: 17px; @@ -3023,18 +2948,15 @@ table.wp-list-table { span.wc-image, span.wc-featured { - @include ir(); margin: 0 auto; &::before { - - @include icon_dashicons( "\f128" ); + @include icon_dashicons("\f128"); } } span.wc-featured { - &::before { content: "\f155"; } @@ -3050,7 +2972,6 @@ table.wp-list-table { } mark { - &.instock, &.outofstock, &.onbackorder { @@ -3075,12 +2996,10 @@ table.wp-list-table { .order-notes_head, .notes_head, .status_head { - @include ir(); margin: 0 auto; &::after { - @include icon; } } @@ -3297,7 +3216,6 @@ table.wc_input_table { } table.wc_tax_rates { - td.country { position: relative; } @@ -3453,13 +3371,11 @@ table.wc_shipping { } .wc-shipping-zone-settings { - th { padding: 24px 24px 24px 0; } td.forminp { - input, textarea { padding: 8px; @@ -3499,7 +3415,6 @@ table.wc_shipping { } .wc-shipping-zone-postcodes { - textarea { margin: 10px 0; } @@ -3520,12 +3435,9 @@ table.wc_shipping { } table { - tr, tr:hover { - table.wc-shipping-zone-methods { - tr .row-actions { position: relative; } @@ -3544,7 +3456,6 @@ table { table.wc-shipping-zones, table.wc-shipping-zone-methods, table.wc-shipping-classes { - td, th { vertical-align: top; @@ -3565,7 +3476,6 @@ table.wc-shipping-classes { } thead { - th { vertical-align: middle; } @@ -3629,10 +3539,12 @@ table.wc-shipping-classes { .button-primary { background-color: #804877; border-color: #804877; - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), + 0 1px 0 rgba(0, 0, 0, 0.15); margin: 0; opacity: 1; - text-shadow: 0 -1px 1px #8a4f7f, 1px 0 1px #8a4f7f, 0 1px 1px #8a4f7f, -1px 0 1px #8a4f7f; + text-shadow: 0 -1px 1px #8a4f7f, 1px 0 1px #8a4f7f, + 0 1px 1px #8a4f7f, -1px 0 1px #8a4f7f; font-size: 1.5em; padding: 0.75em 1em; height: auto; @@ -3642,7 +3554,6 @@ table.wc-shipping-classes { } .wc-shipping-zone-method-rows { - tr:nth-child(even) td { background: #f9f9f9; } @@ -3650,20 +3561,17 @@ table.wc-shipping-classes { tr.odd, .wc-shipping-class-rows tr:nth-child(odd) { - td { background: #f9f9f9; } } tbody.wc-shipping-zone-rows { - td { border-top: 2px solid #f9f9f9; } tr:first-child { - td { border-top: 0; } @@ -3671,7 +3579,6 @@ table.wc-shipping-classes { } tr.wc-shipping-zone-worldwide { - td { background: #f9f9f9; border-top: 2px solid #e1e1e1; @@ -3734,7 +3641,6 @@ table.wc-shipping-classes { .wc-shipping-class-slug, .wc-shipping-zone-name, .wc-shipping-zone-region { - input, select, textarea { @@ -3791,7 +3697,6 @@ table.wc-shipping-classes { cursor: pointer; &::before { - @include icon; font-family: "Dashicons"; content: "\f502"; @@ -3837,7 +3742,6 @@ table.wc-shipping-classes { } tfoot { - input, select { vertical-align: middle !important; @@ -3849,7 +3753,6 @@ table.wc-shipping-classes { } .editing { - .wc-shipping-zone-view, .wc-shipping-zone-edit { display: none; @@ -3906,7 +3809,6 @@ table.wc-shipping-classes { margin: 0 0 1.5em; tr { - th { width: 30%; position: relative; @@ -3922,7 +3824,6 @@ table.wc-shipping-classes { } td { - input, select, textarea { @@ -3953,7 +3854,6 @@ table.wc-shipping-classes { } .wc-backbone-modal .wc-shipping-zone-method-selector { - p { margin-top: 0; } @@ -3993,25 +3893,21 @@ img.help_tip { } .status-manual::before { - - @include icon( "\e008" ); + @include icon("\e008"); color: #999; } .status-enabled::before { - - @include icon( "\e015" ); + @include icon("\e015"); color: $woocommerce; } .status-disabled::before { - - @include icon( "\e013" ); + @include icon("\e013"); color: #ccc; } .woocommerce { - h2.woo-nav-tab-wrapper { margin-bottom: 1em; } @@ -4118,7 +4014,6 @@ img.help_tip { // Ignore nested inputs. table { - select, textarea, input[type="text"], @@ -4260,9 +4155,7 @@ img.help_tip { } .wc-shipping-zone-settings { - td.forminp { - input, textarea { width: 448px; @@ -4277,9 +4170,7 @@ img.help_tip { } .wc-wp-version-gte-53 { - .woocommerce { - h2.wc-table-list-header { margin: 1em 0 0.35em 0; } @@ -4289,7 +4180,6 @@ img.help_tip { } table.form-table { - // Give regular settings inputs a standard width and padding. textarea, input[type="text"], @@ -4312,14 +4202,12 @@ img.help_tip { } select { - @media only screen and (max-width: 782px) { width: 100%; } } th label { - img.help_tip, .woocommerce-help-tip { margin: -7px -24px 0 0; @@ -4393,7 +4281,6 @@ img.help_tip { padding: 0 0 0 9px; ul { - @include clearfix(); margin: 0; padding: 0; @@ -4424,8 +4311,7 @@ img.help_tip { position: relative; &::after { - - @include icon_dashicons( "\f161" ); + @include icon_dashicons("\f161"); font-size: 2.618em; line-height: 72px; color: #ddd; @@ -4461,13 +4347,11 @@ img.help_tip { } a.delete { - @include ir(); font-size: 1.4em; &::before { - - @include icon_dashicons( "\f153" ); + @include icon_dashicons("\f153"); color: #999; background: #fff; border-radius: 50%; @@ -4491,7 +4375,6 @@ img.help_tip { } #woocommerce-product-data { - .hndle { padding: 10px; @@ -4574,7 +4457,6 @@ img.help_tip { #woocommerce-product-data, #woocommerce-coupon-data { - .panel-wrap { background: #fff; } @@ -4604,7 +4486,6 @@ img.help_tip { #woocommerce-product-data, #woocommerce-coupon-data, .woocommerce { - .panel-wrap { overflow: hidden; } @@ -4653,8 +4534,7 @@ img.help_tip { } &::before { - - @include iconbeforedashicons( "\f107" ); + @include iconbeforedashicons("\f107"); } } @@ -4720,14 +4600,12 @@ img.help_tip { * Shipping */ .woocommerce_page_wc-settings { - input[type="url"], input[type="email"] { direction: ltr; } .shippingrows { - th.check-column { padding-top: 20px; } @@ -4737,8 +4615,7 @@ img.help_tip { } .add.button::before { - - @include iconbefore( "\e007" ); + @include iconbefore("\e007"); } } @@ -4752,7 +4629,6 @@ img.help_tip { #woocommerce-order-data, #woocommerce-order-downloads, #woocommerce-coupon-data { - .inside { margin: 0; padding: 0; @@ -4806,7 +4682,6 @@ img.help_tip { .woocommerce_variations, .woocommerce_options_panel { - .downloadable_files table { width: 100%; padding: 0 !important; @@ -4848,18 +4723,15 @@ img.help_tip { } .delete { - @include ir(); font-size: 1.2em; &::before { - - @include icon_dashicons( "\f153" ); + @include icon_dashicons("\f153"); color: #999; } &:hover { - &::before { color: $red; } @@ -4896,7 +4768,6 @@ img.help_tip { .woocommerce_attribute, .woocommerce_variation { - h3 .sort { width: 17px; height: 26px; @@ -4928,7 +4799,6 @@ img.help_tip { h3:hover, &.ui-sortable-helper { - .sort { visibility: visible; } @@ -4962,7 +4832,6 @@ img.help_tip { } .sale_price_dates_fields { - .short:first-of-type { margin-bottom: 1em; } @@ -5127,7 +4996,6 @@ img.help_tip { * WooCommerce meta boxes */ .wc-metaboxes-wrapper { - .toolbar { margin: 0 !important; border-top: 1px solid white; @@ -5227,7 +5095,6 @@ img.help_tip { } &.closed { - @include border-radius(3px); .handlediv::before { @@ -5298,7 +5165,6 @@ img.help_tip { h3:hover, &.ui-sortable-helper { - a.delete, .handlediv { visibility: visible; @@ -5417,7 +5283,6 @@ img.help_tip { border-top: 1px solid #eee; .data { - @include clearfix; padding: 1em 2em; } @@ -5453,7 +5318,6 @@ img.help_tip { } &.remove { - img { display: block; } @@ -5487,7 +5351,6 @@ img.help_tip { } .form-row { - label { display: inline-block; } @@ -5523,7 +5386,6 @@ img.help_tip { } &.dimensions_field { - .wrap { clear: left; display: block; @@ -5578,7 +5440,6 @@ img.tips { /*rtl:ignore*/ left: 0; - &.tip_top { padding-bottom: 5px; @@ -5709,7 +5570,6 @@ img.ui-datepicker-trigger { .woocommerce-reports-wrap, .woocommerce-reports-wide { - &.woocommerce-reports-wrap { margin-left: 300px; padding-top: 18px; @@ -5735,7 +5595,6 @@ img.ui-datepicker-trigger { } .postbox { - &::after { content: "."; display: block; @@ -5768,8 +5627,7 @@ img.ui-datepicker-trigger { text-decoration: none; &::before { - - @include iconbeforedashicons( "\f346" ); + @include iconbeforedashicons("\f346"); margin-right: 4px; } } @@ -5895,8 +5753,7 @@ img.ui-datepicker-trigger { display: block; &::after { - - @include iconafter( "\e035" ); + @include iconafter("\e035"); float: right; font-size: 0.9em; line-height: 1.618; @@ -6020,7 +5877,8 @@ img.ui-datepicker-trigger { color: #464646; font-weight: normal; display: block; - font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; + font-family: "HelveticaNeue-Light", "Helvetica Neue Light", + "Helvetica Neue", sans-serif; del { color: #e74c3c; @@ -6029,8 +5887,7 @@ img.ui-datepicker-trigger { } &:hover { - box-shadow: - inset 0 -1px 0 0 #dfdfdf, + box-shadow: inset 0 -1px 0 0 #dfdfdf, inset 300px 0 0 rgba(156, 93, 144, 0.1); border-right: 5px solid #9c5d90 !important; padding-left: 1.5em; @@ -6128,7 +5985,6 @@ img.ui-datepicker-trigger { padding-bottom: 11px; .widefat { - .export-data { float: right; } @@ -6142,7 +5998,6 @@ img.ui-datepicker-trigger { } form.report_filters { - p { vertical-align: middle; } @@ -6170,7 +6025,6 @@ table.bar_chart { } tbody { - th { padding: 6px 0; width: 25%; @@ -6230,28 +6084,23 @@ table.bar_chart { } .post-type-shop_order .woocommerce-BlankState-message::before { - - @include icon( "\e01d" ); + @include icon("\e01d"); } .post-type-shop_coupon .woocommerce-BlankState-message::before { - - @include icon( "\e600" ); + @include icon("\e600"); } .post-type-product .woocommerce-BlankState-message::before { - - @include icon( "\e006" ); + @include icon("\e006"); } .woocommerce-BlankState--api .woocommerce-BlankState-message::before { - - @include icon( "\e01c" ); + @include icon("\e01c"); } .woocommerce-BlankState--webhooks .woocommerce-BlankState-message::before { - - @include icon( "\e01b" ); + @include icon("\e01b"); } .woocommerce-BlankState { @@ -6267,7 +6116,8 @@ table.bar_chart { &::before { color: #ddd; - text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.8); + text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2), + 0 1px 0 rgba(255, 255, 255, 0.8); font-size: 8em; display: block; position: relative !important; @@ -6309,7 +6159,6 @@ table.bar_chart { } .post-type-product { - #wp-pointer-2 .wp-pointer-arrow { left: 240px; } @@ -6324,9 +6173,7 @@ table.bar_chart { * Small screen optimisation */ @media only screen and (max-width: 1280px) { - #order_data { - .order_data_column { width: 48%; @@ -6337,7 +6184,6 @@ table.bar_chart { } .woocommerce_options_panel { - .description { display: block; clear: both; @@ -6354,10 +6200,8 @@ table.bar_chart { } } - .woocommerce_variations, .woocommerce_options_panel { - .downloadable_files { padding: 0; clear: both; @@ -6387,7 +6231,6 @@ table.bar_chart { * Optimisation for screens 900px and smaller */ @media only screen and (max-width: 900px) { - #woocommerce-coupon-data ul.coupon_data_tabs, #woocommerce-product-data ul.product_data_tabs, #woocommerce-product-data .wc-tabs-back { @@ -6426,7 +6269,6 @@ table.bar_chart { * Optimisation for screens 782px and smaller */ @media only screen and (max-width: 782px) { - #wp-excerpt-media-buttons a { font-size: 16px; line-height: 37px; @@ -6471,9 +6313,7 @@ table.bar_chart { } .post-type-product { - .wp-list-table { - .column-thumb { display: none; text-align: left; @@ -6499,9 +6339,7 @@ table.bar_chart { } .post-type-shop_order { - .wp-list-table { - .column-customer_message, .column-order_notes { text-align: inherit; @@ -6524,7 +6362,6 @@ table.bar_chart { } @media only screen and (max-width: 500px) { - .woocommerce_options_panel label, .woocommerce_options_panel legend { float: none; @@ -6543,7 +6380,6 @@ table.bar_chart { } .wc_addons_wrap { - .addons-wcs-banner-block { padding: 40px; } @@ -6566,7 +6402,6 @@ table.bar_chart { * Backbone modal dialog */ .wc-backbone-modal { - * { box-sizing: border-box; } @@ -6597,7 +6432,6 @@ table.bar_chart { } @media screen and (max-width: 782px) { - .wc-backbone-modal .wc-backbone-modal-content { width: 100%; height: 100%; @@ -6797,7 +6631,6 @@ table.bar_chart { } .select2-container { - .select2-selection__rendered.ui-sortable li { cursor: move; } @@ -6861,12 +6694,9 @@ table.bar_chart { } .wc-wp-version-gte-53 { - .select2-results { - .select2-results__option, .select2-results__group { - &:focus { outline: none; } @@ -6903,7 +6733,6 @@ table.bar_chart { } .select2-container { - @media only screen and (max-width: 782px) { font-size: 16px; } @@ -6940,7 +6769,8 @@ table.bar_chart { right: 1px; height: 28px; width: 23px; - background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") no-repeat right 5px top 55%; + background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") + no-repeat right 5px top 55%; background-size: 16px 16px; @media only screen and (max-width: 782px) { @@ -6970,11 +6800,9 @@ table.bar_chart { padding: 0 0 0 3px; min-height: 28px; } - } .woocommerce table.form-table .select2-container { - @media only screen and (max-width: 782px) { min-width: 100% !important; } @@ -6982,9 +6810,7 @@ table.bar_chart { } .wc-wp-version-gte-55 { - #woocommerce-product-data { - .hndle { display: block; line-height: 24px; @@ -7009,13 +6835,11 @@ table.bar_chart { midnight: #e14d43, ocean: #9ebaa0, sunrise: #dd823b, - light: #04a4cc + light: #04a4cc, ); @each $name, $color in $wp_admin_colors { - &-#{$name}.wc-wp-version-gte-53 { - .select2-dropdown { border-color: $color; } @@ -7032,25 +6856,28 @@ table.bar_chart { color: $color; } - .select2-container.select2-container--focus .select2-selection--single, - .select2-container.select2-container--open .select2-selection--single, - .select2-container.select2-container--open .select2-selection--multiple { + .select2-container.select2-container--focus + .select2-selection--single, + .select2-container.select2-container--open + .select2-selection--single, + .select2-container.select2-container--open + .select2-selection--multiple { border-color: $color; box-shadow: 0 0 0 1px $color; } - .select2-container--default .select2-results__option--highlighted[aria-selected], - .select2-container--default .select2-results__option--highlighted[data-selected] { + .select2-container--default + .select2-results__option--highlighted[aria-selected], + .select2-container--default + .select2-results__option--highlighted[data-selected] { background-color: $color; } } } } - .post-type-product .tablenav, .post-type-shop_order .tablenav { - .actions { overflow: visible; } @@ -7146,9 +6973,11 @@ table.bar_chart { border-radius: 4px; background-color: #bb77ae; border-color: #a36597; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), + 0 1px 0 #a36597; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597; - text-shadow: 0 -1px 1px #a36597, 1px 0 1px #a36597, 0 1px 1px #a36597, -1px 0 1px #a36597; + text-shadow: 0 -1px 1px #a36597, 1px 0 1px #a36597, 0 1px 1px #a36597, + -1px 0 1px #a36597; margin: 0; opacity: 1; @@ -7157,7 +6986,8 @@ table.bar_chart { &:active { background: #a36597; border-color: #a36597; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), + 0 1px 0 #a36597; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597; } } @@ -7339,7 +7169,6 @@ table.bar_chart { &.woocommerce-exporter__exporting, &.woocommerce-importer__importing { - .spinner { display: block; } @@ -7424,8 +7253,7 @@ table.bar_chart { line-height: 1.75em; &::before { - - @include icon( "\e015" ); + @include icon("\e015"); color: #a16696; position: static; font-size: 100px; @@ -7438,9 +7266,7 @@ table.bar_chart { } .wc-pointer { - .wc-pointer-buttons { - .close { float: left; margin: 6px 0 0 15px; @@ -7452,3 +7278,11 @@ table.bar_chart { color: darkred; font-weight: bold; } + +@media screen and (min-width: 600px) { + .wc_addons_wrap { + .marketplace-header { + padding-left: 84px; + } + } +}