提问管理页面板补卡片底:换主题后内容不再裸铺在场景上
现象:只有 /user/questions 这一页的「卡片」像完全透明的,其它后台页正常。 根因不是主题,是模板本来就没有卡片容器:提问列表是 <div class=uk-margin-medium-bottom> + <hr> 直接铺在页面上,整个模板只有 1 处 .uk-card (还是投票 tab 里的「我的投票」标题条)。默认主题底色是纯白,所以看不出来; 换成带整页插画的主题后,场景整片透上来,就成了「卡片透明」。 给 .qlist-panel 兜一层卡片底(--tb-surface + 圆角 + 阴影),三个 tab 共用; 面板内已有的一张 .uk-card-default 降成 --tb-surface-2 去阴影,避免卡片套卡片。 ≤640px 收紧内边距。与主题无关,默认外观也会多这层卡(和其它后台页一致)。
This commit is contained in:
@@ -31,6 +31,21 @@
|
||||
font-weight: 600;
|
||||
}
|
||||
.qlist-panel[hidden] { display: none !important; }
|
||||
/* 三个面板兜一层卡片底。此前面板内容是裸行(只靠 <hr> 分隔)直接铺在页面背景上,
|
||||
默认主题底色是纯白所以看不出来;换成带整页插画的主题后,场景会整片透上来,
|
||||
看着就像"这一页的卡片是透明的"。和其它后台页保持一致,也和主题无关。 */
|
||||
.qlist-panel {
|
||||
background: var(--tb-surface);
|
||||
border-radius: var(--tb-radius);
|
||||
box-shadow: var(--tb-shadow);
|
||||
padding: 18px 20px 8px;
|
||||
}
|
||||
/* 面板内部本来还有一张卡片(投票 tab 的「我的投票」标题条):降成次级底色,
|
||||
否则就是卡片套卡片,阴影会叠一层脏边。 */
|
||||
.qlist-panel .uk-card-default { background: var(--tb-surface-2); box-shadow: none; }
|
||||
@media (max-width: 640px) {
|
||||
.qlist-panel { padding: 14px 12px 4px; }
|
||||
}
|
||||
.all-votes-list { display: grid; gap: 10px; }
|
||||
.all-vote-item {
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user