fix(ui): 滚动区层级修正——只让表项框滚动,页签行保持固定

用户实测:滚动时页签与会一起被带走。原因是我把滚动放在 .item-group-container 上,
而 Dashy 的 DOM 里**页签行(.minimal-headings-wrap)也在该容器内**,
所以整块(页签+内容)一起滚。

本版:
- .minimal-home > .item-group-container:仅 flex 列布局 + min-height:0,**overflow:visible(不滚)**
- .minimal-home > .item-group-container > .minimal-section-inner:设为**唯一滚动区**
  (overflow-y:auto + min-height:0 + flex:1 + 底部 84px 净空)
- .minimal-headings-wrap:flex:0 0 auto,固定在上方不参与滚动
This commit is contained in:
HomeDash Bot
2026-09-12 16:41:32 +08:00
parent 26924ca719
commit 925fae13a4

View File

@ -743,11 +743,21 @@ html[data-theme] .minimal-home {
flex-direction: column !important;
overflow: hidden !important;
}
/* 内容外框:吃掉剩余高度,自己滚 */
/* 内容外框:只负责"吃掉剩余高度 + 纵向排列",**自己不滚**
—— 页签行(.minimal-headings-wrap)和内容都在它里面,
若让它滚,滚动时页签会被一起带走(用户实测发现的正是这个)。 */
html[data-theme] .minimal-home > .item-group-container {
flex: 1 1 auto !important;
min-height: 0 !important;
max-height: 100% !important;
overflow: visible !important;
display: flex !important;
flex-direction: column !important;
}
/* 表项框:唯一滚动区。页签在其上方,滚动时保持不动。 */
html[data-theme] .minimal-home > .item-group-container > .minimal-section-inner {
flex: 1 1 auto !important;
min-height: 0 !important;
overflow-y: auto !important;
overflow-x: hidden !important;
overscroll-behavior: contain !important;
@ -755,11 +765,9 @@ html[data-theme] .minimal-home > .item-group-container {
padding-bottom: 84px !important;
scrollbar-width: thin;
}
/* 内框不再自成滚动区(避免双层滚动条),只负责高度不满时撑开 */
html[data-theme] .minimal-home > .item-group-container > .minimal-section-inner {
min-height: 0 !important;
overflow: visible !important;
padding-bottom: 0 !important;
/* 页签行固定:不参与滚动,也不被压缩 */
html[data-theme] .minimal-home .minimal-headings-wrap {
flex: 0 0 auto !important;
}
@media (max-height: 560px) {
html[data-theme] .minimal-home > .item-group-container { padding-bottom: 64px !important; }