style: 滚动信息靠右,分区角标与标题拉开 8px
- .header-ticker 加 margin-left: auto,紧贴右侧操作图标; 靠右改由它承担,.header-actions 去掉 margin-left: auto(无滚动信息时由 space-between 兜住) - .count-badge 的 right 从 -18 调到 -30,标题与角标间距约 8px
This commit is contained in:
@@ -133,13 +133,15 @@
|
|||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 滚动信息只占中间约 2/3:原来铺满整条,信息一长就把两边挤没了 */
|
/* 滚动信息只占中间约 2/3,并靠右贴近操作图标 */
|
||||||
.header-ticker {
|
.header-ticker {
|
||||||
max-width: 720px;
|
max-width: 720px;
|
||||||
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-actions {
|
.header-actions {
|
||||||
margin-left: auto;
|
/* 靠右交给 .header-ticker 的 margin-left: auto;没有滚动信息时由 space-between 兜住 */
|
||||||
|
flex: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ---------- 搜索:页头下的工具条(Layout 的 toolbar 插槽) ---------- */
|
/* ---------- 搜索:页头下的工具条(Layout 的 toolbar 插槽) ---------- */
|
||||||
@@ -285,7 +287,7 @@
|
|||||||
.count-badge {
|
.count-badge {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -8px;
|
top: -8px;
|
||||||
right: -18px;
|
right: -30px;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
min-width: 16px;
|
min-width: 16px;
|
||||||
padding: 0 var(--su-space-1);
|
padding: 0 var(--su-space-1);
|
||||||
|
|||||||
Reference in New Issue
Block a user