Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Use fallback color for select2 fields on non WooCommerce pages

This commit is contained in:
Panos (Panagiotis) Synetos 2023-10-04 12:02:32 +03:00
parent 7918e1ee5c
commit e5e1345e8f
No known key found for this signature in database
GPG Key ID: 0404F1D7F00137F9
2 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
plugins/woocommerce/changelog/fix-admin-select2-fallback-colors Normal file
View File

@ -0,0 +1,4 @@
Significance: patch
Type: fix
Use fallback color for select2 fields on non WooCommerce pages.

26
plugins/woocommerce/client/legacy/css/admin.scss
View File

@ -7272,7 +7272,7 @@ table.bar_chart {
} }
.select2-dropdown { .select2-dropdown {
border-color: #007cba; border-color: var(--wp-admin-theme-color, #007cba);
&::after { &::after {
position: absolute; position: absolute;
@ -7285,7 +7285,7 @@ table.bar_chart {
} }
.select2-dropdown--below { .select2-dropdown--below {
box-shadow: 0 0 0 1px #007cba, 0 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 1px var(--wp-admin-theme-color, #007cba), 0 2px 1px rgba(0, 0, 0, 0.1);
&::after { &::after {
top: -1px; top: -1px;
@ -7293,7 +7293,7 @@ table.bar_chart {
} }
.select2-dropdown--above { .select2-dropdown--above {
box-shadow: 0 0 0 1px #007cba, 0 -2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 1px var(--wp-admin-theme-color, #007cba), 0 -2px 1px rgba(0, 0, 0, 0.1);
&::after { &::after {
bottom: -1px; bottom: -1px;
@ -7329,7 +7329,7 @@ table.bar_chart {
} }
&:hover { &:hover {
color: #007cba; color: var(--wp-admin-theme-color, #007cba);
} }
} }
@ -7354,8 +7354,8 @@ table.bar_chart {
&.select2-container--focus .select2-selection--single, &.select2-container--focus .select2-selection--single,
&.select2-container--open .select2-selection--single, &.select2-container--open .select2-selection--single,
&.select2-container--open .select2-selection--multiple { &.select2-container--open .select2-selection--multiple {
border-color: #007cba; border-color: var(--wp-admin-theme-color, #007cba);
box-shadow: 0 0 0 1px #007cba; box-shadow: 0 0 0 1px var(--wp-admin-theme-color, #007cba);
} }
.select2-selection--multiple { .select2-selection--multiple {
@ -7398,19 +7398,19 @@ table.bar_chart {
.wp-admin { .wp-admin {
&.wc-wp-version-gte-53 { &.wc-wp-version-gte-53 {
.select2-dropdown { .select2-dropdown {
border-color: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color, #007cba);
} }
.select2-dropdown--below { .select2-dropdown--below {
box-shadow: 0 0 0 1px var(--wp-admin-theme-color), 0 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 1px var(--wp-admin-theme-color, #007cba), 0 2px 1px rgba(0, 0, 0, 0.1);
} }
.select2-dropdown--above { .select2-dropdown--above {
box-shadow: 0 0 0 1px var(--wp-admin-theme-color), 0 -2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 1px var(--wp-admin-theme-color, #007cba), 0 -2px 1px rgba(0, 0, 0, 0.1);
} }
.select2-selection--single .select2-selection__rendered:hover { .select2-selection--single .select2-selection__rendered:hover {
color: var(--wp-admin-theme-color); color: var(--wp-admin-theme-color, #007cba);
} }
.select2-container.select2-container--focus .select2-container.select2-container--focus
@ -7419,15 +7419,15 @@ table.bar_chart {
.select2-selection--single, .select2-selection--single,
.select2-container.select2-container--open .select2-container.select2-container--open
.select2-selection--multiple { .select2-selection--multiple {
border-color: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color, #007cba);
box-shadow: 0 0 0 1px var(--wp-admin-theme-color); box-shadow: 0 0 0 1px var(--wp-admin-theme-color, #007cba);
} }
.select2-container--default .select2-container--default
.select2-results__option--highlighted[aria-selected], .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-container--default
.select2-results__option--highlighted[data-selected] { .select2-results__option--highlighted[data-selected] {
background-color: var(--wp-admin-theme-color); background-color: var(--wp-admin-theme-color, #007cba);
} }
} }
} }