diff --git a/assets/css/routes/user-center/responsive.css b/assets/css/routes/user-center/responsive.css index 61fdffbb..321e1b04 100644 --- a/assets/css/routes/user-center/responsive.css +++ b/assets/css/routes/user-center/responsive.css @@ -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; diff --git a/assets/css/routes/user-center/shell.css b/assets/css/routes/user-center/shell.css index 683ee2f4..bce908e5 100644 --- a/assets/css/routes/user-center/shell.css +++ b/assets/css/routes/user-center/shell.css @@ -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; diff --git a/templates/pages/page-profile.php b/templates/pages/page-profile.php index d62cf3b3..d495d7b0 100644 --- a/templates/pages/page-profile.php +++ b/templates/pages/page-profile.php @@ -68,7 +68,7 @@ get_header(); $render_context]); ?> -