this repo has no description
Disable columns scroll snap for wider viewports
+7
-1
+7
-1
src/app.css
+7
-1
src/app.css
···
2401
2401
/* COLUMNS */
2402
2402
2403
2403
#columns {
2404
+
--column-size: 360px;
2404
2405
display: flex;
2405
2406
width: 100vw;
2406
2407
overflow-y: hidden;
···
2412
2413
overscroll-behavior-x: contain;
2413
2414
/* This `transform` fixes horizontal scrolling for pointer devices on iPad */
2414
2415
transform: translateZ(0);
2416
+
2417
+
/* 360px * 2 */
2418
+
@media (min-width: 720px) {
2419
+
scroll-snap-type: none;
2420
+
}
2415
2421
}
2416
2422
/* #columns::-webkit-scrollbar {
2417
2423
display: none;
···
2421
2427
scroll-snap-align: start;
2422
2428
scroll-snap-stop: always;
2423
2429
overscroll-behavior: auto;
2424
-
flex-basis: min(100vw, 360px);
2430
+
flex-basis: min(100vw, var(--column-size));
2425
2431
flex-shrink: 0;
2426
2432
box-shadow: -1px 0 var(--bg-color), -2px 0 var(--drop-shadow-color),
2427
2433
-3px 0 var(--bg-color);