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

Use 3-column groups for screens more than 960px

This commit is contained in:
Timur Gogolev 2021-10-07 23:02:01 +03:00 committed by And Finally
parent 2f1835feec
commit 5cef87be7d
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
assets/css/admin.scss
View File

@ -393,19 +393,20 @@
max-width: 1032px; max-width: 1032px;
overflow: hidden; overflow: hidden;
// TODO: check on different screen sizes
.product.addons-product-banner, .product.addons-product-banner,
.product.addons-buttons-banner { .product.addons-buttons-banner {
max-width: calc(100% - 2px); max-width: calc(100% - 2px);
} }
// Adjust heading titles font for three-column product groups @media screen and (min-width: 960px) {
&.addons-products-three-column li.product { // Adjust heading titles font for three-column product groups
max-width: calc(33.33% - 12px); &.addons-products-three-column li.product {
max-width: calc(33.33% - 12px);
h2, h2,
h3 { h3 {
font-size: 16px; font-size: 16px;
}
} }
} }