Project-Pro/wyczarujprezent.pl
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor CSS for improved responsiveness and styling consistency

Browse Source 
- Added padding to code blocks for better readability.
- Adjusted column widths and display properties for .col-sm-3 in media queries.
- Introduced new styles for .an_productattributes-add button to enhance font size.
- Removed unnecessary styles related to product-miniature layout for mobile view.
- Added new media query for better handling of product-miniature layout on smaller screens.
- Cleaned up and standardized CSS formatting for better maintainability.
This commit is contained in:
Jacek Pyziak
2025-10-27 11:46:19 +01:00
parent 9967d52dc6
commit 69f8fa4b7b
2 changed files with 66 additions and 7042 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
themes/charme/assets/css/theme.css
View File

@@ -877,6 +877,7 @@ pre code {
padding-right: 15px;
padding-left: 15px
}
.col-xs-1 {
float: left;
width: 8.33333%
@@ -1084,13 +1085,14 @@ pre code {
.offset-xs-11 {
margin-left: 91.66667%
}
@media (max-width: 767px) {
.col-sm-3{
width:49% !important;
display:inline-block;
}
.col-sm-3 {
width: 49% !important;
display: inline-block;
}
}
@media (min-width: 544px) {
.col-sm-1 {
float: left;
@@ -1104,7 +1106,7 @@ pre code {
.col-sm-3 {
float: left;
display:inline-block;
display: inline-block;
width: 25%;
}
@@ -13946,6 +13948,10 @@ a.thumbnail.product-thumbnail {
width: 100% !important;
}
.an_productattributes-add .btn {
font-size: 13px;
}
.product-miniature.col-lg-3 .an_productattributes-add-to-cart-btn i {
display: none;
}
@@ -14329,17 +14335,6 @@ a.thumbnail.product-thumbnail {
max-width: 100%;
}
.product-miniature.product-mobile-row:not(.col-lg-12) .an_productattributes-qty-add {
flex-direction: column;
}
.product-miniature.product-mobile-row:not(.col-lg-12) .an_productattributes-qty-container {
flex: auto;
margin-bottom: 10px;
padding: 0;
width: 100%;
}
.product-miniature.product-mobile-row:not(.col-lg-12) .product-title {
padding-left: 0 !important;
padding-right: 0 !important;
@@ -14353,12 +14348,6 @@ a.thumbnail.product-thumbnail {
.featured-products .products.products-mobile-row {
margin-right: 0;
}
.product-miniature.product-mobile-row:not(.col-lg-12) .an_productattributes-qty-add .an_productattributes-add {
width: 100%;
}
}
@media (max-width: 580px) {
@@ -14387,13 +14376,6 @@ a.thumbnail.product-thumbnail {
flex-direction: column;
}
.product-miniature.product-mobile-row.col-lg-12 .an_productattributes-qty-container {
flex: auto;
margin-bottom: 10px;
padding: 0;
width: 100%;
}
.product-miniature.product-mobile-row.col-lg-12 .product-title {
padding-left: 0 !important;
padding-right: 0 !important;
@@ -14410,6 +14392,18 @@ a.thumbnail.product-thumbnail {
margin-bottom: 0;
}
@media (max-width: 380px) {
.product-miniature.product-mobile-row:not(.col-lg-12),
.tab-pane.active .product-miniature.product-mobile-row:not(.col-lg-12) {
max-width: 100%;
flex-basis: 100%;
padding: 0 5px;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
@media (max-width: 767px) {
.amenu-item .manufacturer-item {
margin: 0 10px 15px;
@@ -19421,36 +19415,41 @@ body#checkout .cart-voucher {
fill: unset !important;
}
}
.anav-top{
width:120%;
padding-left:0;
.anav-top {
width: 120%;
padding-left: 0;
}
.an_banner col-sm-3{
width:49%;
display:inline-block;
.an_banner col-sm-3 {
width: 49%;
display: inline-block;
}
.an_banner {
position: relative;
position: relative;
}
.an_banner .an_banner-link {
position: absolute;
inset: 0;
z-index: 1;
}
body#index .page-home>.row .an_banner{
body#index .page-home>.row .an_banner {
width: calc(100% / 4 - (20px - 20px / 4)) !important;
max-width: unset !important;
}
@media (max-width: 768px) {
body#index .page-home>.row .an_banner{
body#index .page-home>.row .an_banner {
width: calc(100% / 2 - (20px - 20px / 2)) !important;
max-width: unset !important;
}
}
@media (max-width: 400px) {
body#index .page-home>.row .an_banner{
body#index .page-home>.row .an_banner {
width: 100% !important;
max-width: unset !important;
}