修复维护通知自适应布局与导航重复焦点
This commit is contained in:
1 parent
a6b2bfd4dc
commit
b4915d0ae5
12 files changed
+438
-49
No files matched your search
@@ -4,23 +4,30 @@
|
||||
background: var(--console-page-bg);
|
||||
min-height: 100dvh;
|
||||
color: var(--p-text-color, #334155);
|
||||
padding-top: 56px;
|
||||
}
|
||||
.console-layout.has-banner[data-v-1a9c3b51] {
|
||||
padding-top: 94px;
|
||||
padding-top: var(--console-top-offset, 56px);
|
||||
}
|
||||
.maintenance-banner[data-v-1a9c3b51] {
|
||||
z-index: 150;
|
||||
color: #92400e;
|
||||
background: #fef3c7;
|
||||
align-items: center;
|
||||
align-items: flex-start;
|
||||
gap: 8px;
|
||||
height: 38px;
|
||||
padding: 0 14px;
|
||||
min-height: 38px;
|
||||
max-height: 40dvh;
|
||||
padding: 8px 14px;
|
||||
overflow-y: auto;
|
||||
display: flex;
|
||||
position: fixed;
|
||||
inset: 0 0 auto;
|
||||
}
|
||||
.maintenance-banner > span[data-v-1a9c3b51] {
|
||||
min-width: 0;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
.maintenance-banner > i[data-v-1a9c3b51] {
|
||||
flex-shrink: 0;
|
||||
margin-top: 3px;
|
||||
}
|
||||
/* 桌面侧栏与移动端导航共享的外壳;断点覆盖会改变其宽度/可见性。 */
|
||||
.sidebar[data-v-1a9c3b51] {
|
||||
z-index: 30;
|
||||
@@ -28,7 +35,7 @@
|
||||
border-right: 1px solid var(--console-panel-border);
|
||||
width: 210px;
|
||||
position: fixed;
|
||||
top: 56px;
|
||||
top: var(--console-top-offset, 56px);
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
@@ -146,22 +153,20 @@
|
||||
.main[data-v-1a9c3b51] {
|
||||
flex-direction: column;
|
||||
min-width: 0;
|
||||
min-height: calc(100dvh - 56px);
|
||||
min-height: calc(100dvh - var(--console-top-offset, 56px));
|
||||
margin-left: 210px;
|
||||
display: flex;
|
||||
}
|
||||
.has-banner .main[data-v-1a9c3b51] {
|
||||
min-height: calc(100dvh - 94px);
|
||||
}
|
||||
/* 顶栏与维护提示、主内容定位配合,避免固定元素遮挡可操作内容。 */
|
||||
.topbar[data-v-1a9c3b51] {
|
||||
z-index: 35;
|
||||
background: var(--console-panel-bg);
|
||||
border-bottom: 1px solid var(--console-panel-border);
|
||||
gap: 0;
|
||||
height: 56px;
|
||||
height: var(--console-header-height, 56px);
|
||||
position: fixed;
|
||||
inset: 0 0 auto;
|
||||
top: var(--console-banner-height, 0px);
|
||||
}
|
||||
.brand-group[data-v-1a9c3b51],
|
||||
.topbar[data-v-1a9c3b51] {
|
||||
@@ -435,12 +440,6 @@
|
||||
.skip-link[data-v-1a9c3b51]:focus {
|
||||
transform: translateY(0);
|
||||
}
|
||||
.has-banner .topbar[data-v-1a9c3b51] {
|
||||
top: 38px;
|
||||
}
|
||||
.has-banner .sidebar[data-v-1a9c3b51] {
|
||||
top: 94px;
|
||||
}
|
||||
/* 视口条件 (width<=1535px) 下的响应式覆盖;保留相对基础规则的层叠顺序。 */
|
||||
@media (width<=1535px) {
|
||||
.main[data-v-1a9c3b51] {
|
||||
@@ -451,7 +450,7 @@
|
||||
border-right: 0;
|
||||
width: 280px;
|
||||
transition: transform 0.2s;
|
||||
top: 0;
|
||||
top: var(--console-banner-height, 0px);
|
||||
transform: translate(-100%);
|
||||
}
|
||||
.sidebar.open[data-v-1a9c3b51] {
|
||||
@@ -466,9 +465,6 @@
|
||||
.brand-group[data-v-1a9c3b51] {
|
||||
flex: none;
|
||||
}
|
||||
.has-banner .sidebar[data-v-1a9c3b51] {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
/* 视口条件 (width<=767px) 下的响应式覆盖;保留相对基础规则的层叠顺序。 */
|
||||
@media (width<=767px) {
|
||||
|
||||
Reference in new issue
Block a user