删掉「所有资源」页的独立网格样式:它已经走画本场景,这六条没有调用方了
- 删除 .game-resource-all-resources-host:整页 absoulte 层与自己的底纹(原本是为了盖住画本场景底纹、并躲开画布容器的滚动处理) - 删除 .game-resource-all-scroll:分组网格的自身滚动容器 - 删除 .game-resource-all-section:按栏目分组的分节卡片(边框 / 圆角 / 半透明底) - 删除 .game-resource-all-grid:repeat(auto-fill, 180px) 卡片网格 - 删除 .game-resource-all-card:网格里的卡片占位格 - 删除 .game-resource-all-grid .game-resource-card:只读页的光标与 touch-action 覆盖(展开态已可拖,卡片要保留画布那套 touch-action: none) - 不留任何 all 专属替代规则:展开态的外观全部由既有的 .game-resource-book-scene-card / .game-resource-card 与共享规则给出("零新增 CSS"是本次红线)
This commit is contained in:
@@ -6623,65 +6623,6 @@ iframe.preview-frame {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/*
|
||||
* 「所有资源」页。
|
||||
*
|
||||
* 资源总览第 0 张卡打开的汇总页:左侧沿用栏目大纲,正文按栏目分组的滚动卡片网格。
|
||||
* 整页自成一层(`z-index: 21`):栏目态的画本场景自带一层不透明底纹(`z-index: 20`),
|
||||
* 只在 `z-index: auto` 上铺会被它盖住;同时它不落在 `.game-resource-canvas` 里,
|
||||
* 那层挂着画布平移/框选的指针与滚轮处理器,会把这里的滚动吃掉。
|
||||
*
|
||||
* 卡片本体仍由栏目页同一颗卡片渲染器产出(尺寸取画布默认卡宽高),
|
||||
* 因此这一页只补齐容器与网格,不新增卡片样式。
|
||||
*/
|
||||
.game-resource-all-resources-host {
|
||||
position: absolute;
|
||||
z-index: 21;
|
||||
inset: 0;
|
||||
padding: 12px;
|
||||
overflow: hidden;
|
||||
background-color: #fffdfa;
|
||||
background-image: radial-gradient(#eaded8 0.8px, transparent 0.8px);
|
||||
background-size: 18px 18px;
|
||||
}
|
||||
|
||||
.game-resource-all-scroll {
|
||||
display: grid;
|
||||
gap: 14px;
|
||||
align-content: start;
|
||||
min-height: 0;
|
||||
padding: 2px;
|
||||
overflow: auto;
|
||||
overscroll-behavior: contain;
|
||||
}
|
||||
|
||||
.game-resource-all-section {
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
padding: 12px;
|
||||
border: 1px solid #ecdfd8;
|
||||
border-radius: 12px;
|
||||
background: rgb(255 253 250 / 82%);
|
||||
}
|
||||
|
||||
.game-resource-all-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, 180px);
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.game-resource-all-card {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* 只浏览的页面不接拖拽:光标如实反映「点选 / 播放」,并且把纵向触摸手势交还给滚动容器
|
||||
(`.game-resource-card` 常态是 `touch-action: none`,那是画布拖卡需要的)。 */
|
||||
.game-resource-all-grid .game-resource-card {
|
||||
cursor: pointer;
|
||||
touch-action: pan-y;
|
||||
}
|
||||
|
||||
.game-resource-section-stack {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user