58 lines
1.8 KiB
CSS
58 lines
1.8 KiB
CSS
/* ============================================================
|
|
iFixKart Storefront Mobile Responsive overrides
|
|
Optimized for Android Chrome and iOS Safari
|
|
============================================================ */
|
|
|
|
/* 1. Selective Tap Highlights for dynamic UI elements */
|
|
button,
|
|
a,
|
|
[role="button"] {
|
|
-webkit-tap-highlight-color: transparent !important;
|
|
}
|
|
|
|
/* 2. Responsive viewports & safe area overrides */
|
|
@media (max-width: 767px) {
|
|
/* Selective backdrop-filter resets for slow scroll frame performance */
|
|
.mobile-sticky-header,
|
|
.sticky-purchase-bar,
|
|
.mobile-search-overlay {
|
|
-webkit-backdrop-filter: none !important;
|
|
backdrop-filter: none !important;
|
|
}
|
|
|
|
/* GPU-layer composition promotion to stabilize sticky elements against dynamic URL bar shifts */
|
|
.mobile-sticky-header,
|
|
.sticky-purchase-bar {
|
|
-webkit-transform: translateZ(0);
|
|
transform: translateZ(0);
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
-webkit-font-smoothing: subpixel-antialiased;
|
|
}
|
|
|
|
/* Mobile bottom purchase CTA honors Apple dynamic Home Indicators */
|
|
.sticky-purchase-bar {
|
|
padding-bottom: max(12px, env(safe-area-inset-bottom)) !important;
|
|
}
|
|
|
|
/* Prevent text selection and zoom focus bounds breaks on interactive attribute select badges */
|
|
.attribute-badge {
|
|
user-select: none;
|
|
touch-action: manipulation;
|
|
}
|
|
}
|
|
|
|
/* 3. Custom thin scrollbar for scrollable categories dropdown list */
|
|
.custom-sidebar-scrollbar::-webkit-scrollbar {
|
|
width: 4px;
|
|
}
|
|
.custom-sidebar-scrollbar::-webkit-scrollbar-track {
|
|
background: #f8fafc;
|
|
}
|
|
.custom-sidebar-scrollbar::-webkit-scrollbar-thumb {
|
|
background: #e2e8f0;
|
|
border-radius: 4px;
|
|
}
|
|
.custom-sidebar-scrollbar::-webkit-scrollbar-thumb:hover {
|
|
background: #cbd5e1;
|
|
}
|