Fix list scroll anchoring
Make tape lists fixed height with stable scroll gutters and disable overflow anchoring to prevent page scroll drift.
This commit is contained in:
parent
bd1a67a7fc
commit
0036b6badc
1 changed files with 7 additions and 1 deletions
|
|
@ -365,9 +365,11 @@ h1 {
|
||||||
.list {
|
.list {
|
||||||
display: grid;
|
display: grid;
|
||||||
gap: 14px;
|
gap: 14px;
|
||||||
max-height: 480px;
|
height: 480px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding-right: 6px;
|
padding-right: 6px;
|
||||||
|
overflow-anchor: none;
|
||||||
|
scrollbar-gutter: stable;
|
||||||
}
|
}
|
||||||
|
|
||||||
.row {
|
.row {
|
||||||
|
|
@ -717,6 +719,10 @@ h1 {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: none;
|
max-height: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.list {
|
||||||
|
height: 360px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1100px) {
|
@media (max-width: 1100px) {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue