kate522/wordpress-theme-aksrt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(user-center): keep page-owned nav left of credits panel

Browse Source 
Drop bare .sidebar from the profile aside so site-layout float/hide no
longer stacks stats/assets under content; harden page-owned grid + drawer
selectors on uc-sidebar/page-owned only.
This commit is contained in:
kate522
2026-07-17 07:30:27 +08:00
parent e810f05979
commit 9829d94cb7
3 changed files with 28 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/routes/user-center/responsive.css
+9 -5
View File
@@ -57,8 +57,9 @@
display: block;
}
/* 覆盖 layout.css / sidebar.css 的 .sidebar { display:none } 与 .content-layout__aside hide */
body.aksrt-user-center .sidebar.page-owned.uc-sidebar,
/* 覆盖 layout.css 的 .content-layout__aside { display:none }（page-owned 私有导航不走全站 .sidebar） */
body.aksrt-user-center .uc-sidebar.page-owned,
body.aksrt-user-center .aksrt-profile__aside.page-owned,
body.aksrt-user-center .content-layout__aside.page-owned {
display: flex;
float: none;
@@ -67,7 +68,8 @@
margin-right: 0;
}
body.aksrt-user-center .sidebar.page-owned.uc-sidebar {
body.aksrt-user-center .uc-sidebar.page-owned,
body.aksrt-user-center .aksrt-profile__aside.page-owned {
position: fixed;
top: 0;
left: -280px;
@@ -82,12 +84,14 @@
gap: 0;
}
body.aksrt-user-center .sidebar.page-owned.uc-sidebar.is-open {
body.aksrt-user-center .uc-sidebar.page-owned.is-open,
body.aksrt-user-center .aksrt-profile__aside.page-owned.is-open {
left: 0;
}
/* 抽屉头部 */
body.aksrt-user-center .sidebar.page-owned.uc-sidebar::before {
body.aksrt-user-center .uc-sidebar.page-owned::before,
body.aksrt-user-center .aksrt-profile__aside.page-owned::before {
content: '';
display: block;
height: 100px;
assets/css/routes/user-center/shell.css
+18 -6
View File
@@ -26,7 +26,13 @@
}
/* ==================== 页面自有双栏（page-owned，非全站 float 壳） ==================== */
/* DOM: content first + aside second；桌面用 grid-area 把 aside 放左侧。 */
/* DOM: content first + aside second；桌面用 grid-area 把 aside 放左侧。
* 不使用裸 .sidebar 类，避免 site-layout float / hide 规则误伤。 */
body.aksrt-user-center .content-wrap {
float: none;
width: 100%;
}
body.aksrt-user-center .aksrt-profile__layout {
display: block;
width: 100%;
@@ -43,8 +49,10 @@ body.aksrt-user-center.site-layout-3 .aksrt-profile__layout {
margin-right: 0;
}
/* 私有导航：中和 body.site-layout-1 .sidebar { display:none } 与 float 几何 */
body.aksrt-user-center .sidebar.page-owned.uc-sidebar {
/* 私有导航：脱离全站 .sidebar float / site-layout-1 display:none */
body.aksrt-user-center .uc-sidebar.page-owned,
body.aksrt-user-center .aksrt-profile__aside.page-owned,
body.aksrt-user-center .content-layout__aside.page-owned {
float: none;
width: auto;
margin-left: 0;
@@ -54,6 +62,7 @@ body.aksrt-user-center .sidebar.page-owned.uc-sidebar {
gap: 12px;
box-sizing: border-box;
min-width: 0;
position: relative;
}
@media (min-width: 992px) {
@@ -70,14 +79,17 @@ body.aksrt-user-center .sidebar.page-owned.uc-sidebar {
grid-area: primary;
min-width: 0;
width: auto;
max-width: none;
}
body.aksrt-user-center .aksrt-profile__layout > .uc-sidebar,
body.aksrt-user-center .aksrt-profile__layout > .aksrt-profile__aside {
body.aksrt-user-center .aksrt-profile__layout > .aksrt-profile__aside,
body.aksrt-user-center .aksrt-profile__layout > .content-layout__aside.page-owned {
grid-area: aside;
}
body.aksrt-user-center .sidebar.page-owned.uc-sidebar {
body.aksrt-user-center .uc-sidebar.page-owned,
body.aksrt-user-center .aksrt-profile__aside.page-owned {
position: sticky;
top: calc(var(--nav-height, 60px) + 20px);
}
@@ -103,7 +115,7 @@ body.aksrt-user-center .sidebar.page-owned.uc-sidebar {
line-height: 1;
}
/* ==================== 左侧边栏 ==================== */
/* sticky / 双栏位置由 body.aksrt-user-center .sidebar.page-owned 负责；此处只定 chrome 布局 */
/* sticky / 双栏位置由 body.aksrt-user-center .uc-sidebar.page-owned 负责；此处只定 chrome 布局 */
.uc-sidebar {
display: flex;
flex-direction: column;
templates/pages/page-profile.php
+1 -1
View File
@@ -68,7 +68,7 @@ get_header();
<?php get_template_part('templates/parts/user-center/account-modals', null, ['context' => $render_context]); ?>
</div>
<aside class="content-layout__aside sidebar page-owned uc-sidebar aksrt-profile__aside" role="complementary" aria-label="<?php esc_attr_e('用户中心导航', 'aksrt'); ?>">
<aside class="content-layout__aside page-owned uc-sidebar aksrt-profile__aside" role="complementary" aria-label="<?php esc_attr_e('用户中心导航', 'aksrt'); ?>">
<?php get_template_part('templates/parts/user-center/sidebar', null, ['context' => $render_context]); ?>
</aside>
</div>