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

Fix radio controls and checkboxes in Twenty Twenty One dark theme (https://github.com/woocommerce/woocommerce-blocks/pull/3446) 

* Fix radio controls in Twenty Twenty One dark theme

* Fix checkbox control in Twenty Twenty One dark theme
This commit is contained in:
Albert Juhé Lluveras 2020-11-23 20:43:36 +01:00 committed by GitHub
parent cf9dc1b6bf
commit e125dfd97b
2 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
plugins/woocommerce-blocks/assets/js/base/components/checkbox-control/style.scss
View File

@ -61,3 +61,19 @@
display: none;
}
}
.theme-twentytwentyone {
.wc-block-components-checkbox__input[type="checkbox"] {
border-color: var(--form--border-color);
position: relative;
}
.wc-block-components-checkbox__input[type="checkbox"]:checked {
background-color: #fff;
border-color: var(--form--border-color);
}
.wc-block-components-checkbox__mark {
display: none;
}
}

4
plugins/woocommerce-blocks/assets/js/base/components/radio-control/style.scss
View File

@ -110,6 +110,10 @@
.wc-block-components-radio-control .wc-block-components-radio-control__input {
&:checked {
border-width: 2px;
&::before {
background-color: var(--form--color-text);
}
}
&::after {