fix(frontend): align page-set hint bar and FA5 icons with the reference
- 齿轮提示横条改为参考主题的 .abs-right 垂直居中几何(top:50% + right:.7em + translateY(-50%)),本站 legacy .abs-right 是 top:0/right:0 导致横条贴到按钮顶角 - 新增 front-page-admin-set.js:横条 2 秒后淡出 1 秒消失(对齐参考 主题 js/page-edit.js),开关关闭时不出队脚本 - 齿轮与弹窗内图标统一为 FA5 惯例 fa fas fa-*,并采用 FA5 的 glyph 重命名(sliders→sliders-h、pie-chart→chart-pie)
This commit is contained in:
@@ -4908,6 +4908,22 @@ html.dark .footer-tabbar {
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
/* 前台页面编辑齿轮的提示横条:参考主题共用 .abs-right(top:50% + right:.7em +
|
||||
* translateY(-50%) 的垂直居中定位)。本站 legacy-utilities 的 .abs-right 是
|
||||
* top:0/right:0,横条会贴到按钮顶角,故在此恢复参考几何。 */
|
||||
.float-right .admin-set-page .admin-set-info {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0.7em;
|
||||
transform: translateY(-50%);
|
||||
white-space: nowrap;
|
||||
line-height: 1.5;
|
||||
margin: 0;
|
||||
box-shadow: none;
|
||||
text-align: center;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
body:has(.modal.in) .float-right,
|
||||
.modal-open .float-right,
|
||||
.imgbox-show .float-right,
|
||||
|
||||
Vendored
+1
-1
File diff suppressed because one or more lines are too long
@@ -14,6 +14,22 @@
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
/* 前台页面编辑齿轮的提示横条:参考主题共用 .abs-right(top:50% + right:.7em +
|
||||
* translateY(-50%) 的垂直居中定位)。本站 legacy-utilities 的 .abs-right 是
|
||||
* top:0/right:0,横条会贴到按钮顶角,故在此恢复参考几何。 */
|
||||
.float-right .admin-set-page .admin-set-info {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0.7em;
|
||||
transform: translateY(-50%);
|
||||
white-space: nowrap;
|
||||
line-height: 1.5;
|
||||
margin: 0;
|
||||
box-shadow: none;
|
||||
text-align: center;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
body:has(.modal.in) .float-right,
|
||||
.modal-open .float-right,
|
||||
.imgbox-show .float-right,
|
||||
|
||||
Reference in New Issue
Block a user