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

Fix product data field description styling, including checkboxes and radio buttons (#38066) 

* Set .description to block for everything except for those for checkboxes and radio buttons

* Changelog
This commit is contained in:
Matt Sherman 2023-05-03 18:08:46 -04:00 committed by GitHub
parent 9bbe72d431
commit 865fcd053c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
plugins/woocommerce/changelog/fix-checkbox-labels
View File

@ -1,4 +0,0 @@
Significance: patch
Type: fix
Fix styling of checkbox (and other input) labels on product page tabs.

4
plugins/woocommerce/changelog/fix-product-data-field-description-styling. Normal file
View File

@ -0,0 +1,4 @@
Significance: patch
Type: tweak
Fix styling of product data field descriptions, including checkboxes and radio buttons.

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

@ -5348,13 +5348,21 @@ img.help_tip {
} }
} }
.description { .description,
input[type="checkbox"] + .description,
input[type="radio"] + .description {
padding: 0; padding: 0;
margin: 0 0 0 7px; margin: 0 0 0 7px;
clear: none; clear: none;
display: inline; display: inline;
} }
input:not([type="checkbox"]):not([type="radio"]) + .description {
display: block;
clear: both;
margin-left: 0;
}
.description-block { .description-block {
margin-left: 0; margin-left: 0;
display: block; display: block;
@ -6706,7 +6714,7 @@ table.bar_chart {
} }
.woocommerce_options_panel { .woocommerce_options_panel {
:not(input) + .description { .description {
display: block; display: block;
clear: both; clear: both;
margin-left: 0; margin-left: 0;