3.2.27: 评论嵌套引导线按层变色(1层浅蓝/2层深蓝/3层点赞色/更深扩展色轮换,深层线恢复绘制);导航多级下拉修复(depth=2 截断改 0,深层父项 dropdown-submenu + hover 右侧弹出,移动端平铺)

This commit is contained in:
2026-10-25 09:52:07 +08:00
parent 92ffced7cf
commit 0239cbeb2a
7 changed files with 139 additions and 10 deletions
+9 -4
View File
@@ -653,7 +653,11 @@
bottom: 0;
left: calc(var(--yq-my-indent, 55px) - var(--yq-guide-w, 2px) - var(--yq-guide-gap, 8px));
width: var(--yq-guide-w, 2px);
background-color: var(--yq-guide, var(--yq-primary, #00a2ff));
/* 3.2.27:颜色按嵌套层区分 —— 由各评论 li 注入的 --yq-guide-c 决定
(PHP 端 yang_comment_guide_color():第1层保持浅蓝、第2层深蓝、
第3层点赞按钮色 #fb5235、更深扩展色板循环)。
未注入时回落到主题浅蓝,老缓存/插件渲染的评论不受影响。 */
background-color: var(--yq-guide-c, var(--yq-guide, var(--yq-primary, #00a2ff)));
pointer-events: none;
}
@@ -714,9 +718,10 @@
padding-left: var(--yq-my-indent);
}
.yang-children .yang-children .yang-children::before {
content: none;
}
/* 3.2.27:第三层起的引导线**不再关闭**。
* 原来 content:none 的理由是"三条同色竖线叠成表格观感";现在线按层
* 变色(浅蓝→深蓝→橙红→…),颜色本身就是层级信号,同色重复的
* 前提不复存在,这条规则跟着过期 —— 保留它第三层就没有线可变色了。 */
/* 新提交的评论:淡入 + 短暂底色,让用户看到自己刚发的那条 */
@keyframes yang-comment-in {
+59
View File
@@ -293,6 +293,65 @@ button:focus {
transform: rotate(180deg);
}
/*--------------------------------------------------------------
导航多级下拉(3.2.27)
--------------------------------------------------------------
* Bootstrap 4 原生不支持嵌套下拉(.dropdown-submenu 在 BS3 有、
* BS4 删了),主题自己补齐。标记来自 theme-navwalker.php:
* 深层父项 <li class="... dropdown-submenu">,子菜单仍是 <ul class="dropdown-menu">。
*
* 桌面端(>992px)交互:**悬停父项,子菜单从右侧弹出**——
* left:100% 让子菜单左边缘贴住 li 右边缘,无缝隙(有缝隙鼠标
* 移过去就会离开 li,子菜单闪没);top:0 让两行首行对齐。
* 子菜单触发链接不带 data-toggle,开合完全走 CSS hover,
* 避免 Bootstrap 的 dropdown JS 用 Popper 重算位置、把子菜单
* 拽回"父项正下方",跟"从右侧弹出"打架。
*
* 移动端(≤992px):悬停不存在,改为**随父级展开直接平铺**:
* position:static + display:block,用左缩进表达层级。
* 整个菜单收起时它也在 .collapse 里,不会提前露出。 */
.navbar-light .navbar-nav .dropdown-submenu {
position: relative;
}
.navbar-light .navbar-nav .dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
}
.navbar-light .navbar-nav .dropdown-submenu:hover > .dropdown-menu {
display: block;
}
/* 深层父项的箭头:顶层的 kicon 下箭头在这里换成朝右的 CSS 三角,
表达"向右还有一层"。必须同时清掉 kicon 字体与 rotate(180deg),
否则 content:"" 配上图标字体渲染不出任何东西。 */
.navbar-light .navbar-nav .dropdown-submenu > a.dropdown-toggle::after {
content: "";
border-top: 0.32em solid transparent;
border-bottom: 0.32em solid transparent;
border-left: 0.32em solid currentColor;
font-family: inherit;
transform: none;
vertical-align: 0.08em;
}
@media screen and (max-width: 992px) {
.navbar-light .navbar-nav .dropdown-submenu > .dropdown-menu {
position: static;
display: block;
float: none;
margin-left: 16px;
border-left: 1px solid rgba(255, 255, 255, 0.25);
}
.navbar-light .navbar-nav .dropdown-submenu > a.dropdown-toggle::after {
display: none;
}
}
@media only screen and (min-width: 992px) {
.k-nav {
border-bottom: 1px solid transparent;
+1 -1
View File
File diff suppressed because one or more lines are too long