Applied review comments

This commit is contained in:
Panos (Panagiotis) Synetos 2023-07-12 15:01:36 +03:00
parent 658e11920f
commit 5fe4a08312
No known key found for this signature in database
GPG Key ID: 0404F1D7F00137F9
5 changed files with 41 additions and 84 deletions

View File

@ -8,7 +8,7 @@ $red: #a00 !default;
$orange: #ffba00 !default;
$blue: #2ea2cc !default;
$primary: #7F54B3 !default; // Primary color for buttons (alt)
$primary: #7F54B3 !default; // Primary color for buttons (alt)
$primarytext: desaturate(lighten($primary, 50%), 18%) !default; // Text on primary color bg
$secondary: desaturate(lighten($primary, 40%), 21%) !default; // Secondary buttons

View File

@ -902,18 +902,7 @@
.woocommerce-BlankState {
a.button-primary,
button.button-primary {
background: var(--wp-admin-theme-color);
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0;
text-shadow: none;
display: inline-block;
&:hover,
&:focus,
&:active {
background: var(--wp-admin-theme-color-darker-10);
border-color: var(--wp-admin-theme-color-darker-10);
}
}
}
@ -3943,13 +3932,13 @@ table.wc-shipping-classes {
color: var(--wc-secondary-text);
font-size: 1.2em;
line-height: 1.2em;
margin: 0 0 1em;
margin: 0 0 1.5em;
position: relative;
z-index: 1;
text-shadow: 1px 1px 1px white;
&.main {
font-size: 1.5em;
font-size: 1.6em;
}
}
@ -3963,7 +3952,7 @@ table.wc-shipping-classes {
font-family: "WooCommerce";
text-align: center;
line-height: 1;
color: var(--wc-secondary);
color: #e9e9e9;
display: block;
width: 1em;
font-size: 40em;
@ -3978,19 +3967,8 @@ table.wc-shipping-classes {
padding: 0.75em 1.5em;
margin: 0 0.25em;
height: auto;
background: var(--wp-admin-theme-color);
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0;
text-shadow: none;
position: relative;
z-index: 1;
&:hover,
&:focus,
&:active {
background: var(--wp-admin-theme-color-darker-10);
border-color: var(--wp-admin-theme-color-darker-10);
}
}
}
@ -7521,21 +7499,7 @@ table.bar_chart {
font-size: 1.25em;
padding: 0.5em 1em !important;
line-height: 1.5em !important;
height: auto !important;
border-radius: 4px;
background-color: var(--wp-admin-theme-color);
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0;
text-shadow: none;
margin: 0;
opacity: 1;
&:hover,
&:focus,
&:active {
background: var(--wp-admin-theme-color-darker-10);
border-color: var(--wp-admin-theme-color-darker-10);
}
}
.error .button {

View File

@ -1,3 +1,5 @@
@import "variables";
body {
background: #f1f1f1;
box-shadow: none;
@ -7,7 +9,7 @@ body {
#wc-logo {
border: 0;
margin: 24px 0;
margin: 33px 24px;
padding: 0;
text-align: center;
font-size: 0;
@ -44,9 +46,9 @@ body {
}
a {
color: #7F54B3;
color: $primary;
&:hover, &:focus {
color: #3C2861;
color: darken($primary, 40%);
}
}
@ -127,8 +129,8 @@ body {
}
}
.button-primary {
background: #7F54B3;
border-color: #7F54B3;
background: $primary;
border-color: $primary;
box-shadow: 0 0 0;
color: #fff;
float: right;
@ -136,7 +138,7 @@ body {
text-shadow: none;
&:hover, &:focus {
background: #9a69c7;
background: lighten($primary, 5%);
color: #fff;
}
}

View File

@ -135,12 +135,11 @@ span.mce_woocommerce_shortcodes_button {
h1 {
margin: 2px 2px 0.5em;
padding: 0.75em 1em;
padding: 0.75em 1.154em;
line-height: 1.5em;
font-size: 2em;
font-size: 1.6em;
border-bottom: 1px solid #eee;
color: var(--wc-secondary-text);
background: var(--wc-secondary);
background: #e9e9e9;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
text-shadow: none;
@ -186,16 +185,6 @@ span.mce_woocommerce_shortcodes_button {
a.button-primary {
float: right;
box-shadow: 0 0 0;
color: #fff;
text-shadow: none;
&:hover,
&:focus,
&:active {
box-shadow: 0 0 0;
text-shadow: none;
}
}
}
}

View File

@ -1,5 +1,7 @@
/* stylelint-disable no-descending-specificity */
@import "variables";
/* @deprecated 4.6.0 */
body {
margin: 65px auto 24px;
@ -79,11 +81,11 @@ body {
}
a {
color: #7F54B3;
color: $primary;
&:hover,
&:focus {
color: #3C2861;
color: darken($primary, 40%);
}
}
@ -355,8 +357,8 @@ body {
a.button-primary {
color: #fff;
background-color: #7F54B3;
border-color: #7F54B3;
background-color: $primary;
border-color: $primary;
box-shadow: 0 0 0;
text-shadow: none;
@ -364,8 +366,8 @@ body {
&:focus,
&:active {
color: #fff;
background: #674399;
border-color: #674399;
background: lighten($primary, 5%);
border-color: lighten($primary, 5%);
box-shadow: none;
}
}
@ -470,8 +472,8 @@ body {
}
input[type="checkbox"]:checked + label::before {
background: #7F54B3;
border-color: #7F54B3;
background: $primary;
border-color: $primary;
}
}
}
@ -533,7 +535,7 @@ body {
line-height: 1.4;
a {
color: #7F54B3;
color: $primary;
text-decoration: none;
padding: 1.5em;
margin: -1.5em;
@ -563,22 +565,22 @@ body {
}
li.active {
border-color: #7F54B3;
color: #7F54B3;
border-color: $primary;
color: $primary;
font-weight: 700;
&::before {
border-color: #7F54B3;
border-color: $primary;
}
}
li.done {
border-color: #7F54B3;
color: #7F54B3;
border-color: $primary;
color: $primary;
&::before {
border-color: #7F54B3;
background: #7F54B3;
border-color: $primary;
background: $primary;
}
}
}
@ -591,8 +593,8 @@ body {
.wc-setup .wc-setup-actions .button-primary,
.woocommerce-tracker .button-primary {
background-color: #7F54B3;
border-color: #7F54B3;
background-color: $primary;
border-color: $primary;
box-shadow: 0 0 0;
text-shadow: none;
margin: 0;
@ -601,8 +603,8 @@ body {
&:hover,
&:focus,
&:active {
background: #674399;
border-color: #674399;
background: lighten($primary, 5%);
border-color: lighten($primary, 5%);
box-shadow: 0 0 0;
}
}
@ -805,8 +807,8 @@ body {
.wc-wizard-service-toggle {
height: 16px;
width: 32px;
border: 2px solid #7F54B3;
background-color: #7F54B3;
border: 2px solid $primary;
background-color: $primary;
display: inline-block;
text-indent: -9999px;
border-radius: 10em;
@ -1151,7 +1153,7 @@ h3.jetpack-reasons {
}
.plugin-install-source {
$background: rgba(#7F54B3, 0.15);
$background: rgba($primary, 0.15);
background: $background;
&:not(.wc-wizard-service-item) {
@ -1489,7 +1491,7 @@ p.jetpack-terms {
margin-left: 4px;
&.recommended-item-icon-wc_admin {
background-color: #7f54b3;
background-color: $primary;
padding: 0.5em;
height: 2em;
}