Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-01-22 16:46:28 +01:00
Code Issues Projects Releases Packages Wiki Activity

Disable columns scroll snap for wider viewports

Browse source
This commit is contained in:
Lim Chee Aun 2024-08-09 23:07:03 +08:00
parent ff29e93b4f
commit c27275a9af
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/app.css
View file

@ -2401,6 +2401,7 @@ ul.link-list li a .icon {
/* COLUMNS */
#columns {
--column-size: 360px;
display: flex;
width: 100vw;
overflow-y: hidden;
@ -2412,6 +2413,11 @@ ul.link-list li a .icon {
overscroll-behavior-x: contain;
/* This `transform` fixes horizontal scrolling for pointer devices on iPad */
transform: translateZ(0);
/* 360px * 2 */
@media (min-width: 720px) {
scroll-snap-type: none;
}
}
/* #columns::-webkit-scrollbar {
display: none;
@ -2421,7 +2427,7 @@ ul.link-list li a .icon {
scroll-snap-align: start;
scroll-snap-stop: always;
overscroll-behavior: auto;
flex-basis: min(100vw, 360px);
flex-basis: min(100vw, var(--column-size));
flex-shrink: 0;
box-shadow: -1px 0 var(--bg-color), -2px 0 var(--drop-shadow-color),
-3px 0 var(--bg-color);