3.2.33 后台「主题设置」两栏顶边对齐 (#2)
用户反馈:「左侧标签栏和右侧设置框两个也不一样高,有一个高度差,看着
很别扭。」经测量纠正:不是高度不一样,是**顶边**位置不同 —— 左栏白
卡片 top=53、右栏白卡片 top=63,差 10px,左边高、右边低。
根因不在主题里,在 WordPress 后台自己的样式:
#wpbody-content .metabox-holder { padding-top: 10px }
这条是给「一路往下竖排的 metabox」留顶部间距用的。3.2.24 把标签列
float 到左边、变成两栏并排之后,这 10px 就没人跟它配对了:左栏
(h2.nav-tab-wrapper) 不带这层 padding,右栏 (#optionsframework-metabox)
还带着,于是右栏被压低 10px。
修法:两栏并排时把这 10px 清零。
#optionsframework-wrap > #optionsframework-metabox { padding-top: 0 }
只在 @media (min-width: 960px) 里清 —— 窄屏仍是标签横排在上一路往下,
那 10px 是该留的间距,不动。
没有采用「给左栏补 10px」的凑齐改法:那样左栏卡片内部会多出一段看不
见的空白,标签整体下移,问题只是从「两栏错位」变成「左栏内部偏空」。
底边仍不齐(左栏 467 固定、右栏 366~1276 随标签变),这是另一个问题,
本轮按用户界定不做,等确认后另开一单。
验证:
- _geo333_top.py 18/0(三档宽屏顶边差 0px;逐标签切 11 次顶边不变;
窄屏 700px 仍保留那 10px)
- _geo333_top_falsify.py 7/0(删规则/写成10px/补左栏padding/挪出媒体查询/
额外 margin/等价重写 0→0px,六种注入全部红对地方)
- _pkgcheck333.py 77/0 · _pkgcheck333_falsify.py 10/0
(C5 抓出真盲点:'float: left' in css 会命中别处,
判据改为锚在左栏块内部)
- 回归全绿:_admin330_tab_check 88/0 · _admin328_check 13/0 · _guard330 63/0
_toc330_logic 101/0 · _test_toc 53/0 · _geo330_rail 73/0
_geo331_inline 23/0,及对应六组 falsify 全部变红且红对地方
- 公网核验:md5 319d098f2fa5c5fb2764f25b8d55936c 本地/下载一致;
包内 Version=3.2.33;padding-top:0 出现 1 次且在 960 媒体查询内;
readme 24 条版本标题、历史 23 条全保留、ul/li/b/code 全配平
This commit is contained in:
@@ -439,6 +439,28 @@
|
||||
margin-left: 210px;
|
||||
}
|
||||
|
||||
/* ══════════════════════════════════════════════════════════
|
||||
3.2.33 两栏顶边对齐
|
||||
用户反馈:"左侧标签栏和右侧设置框两个也不一样高,有一个高度差,
|
||||
看着很别扭。" —— 实际量下来不是高度,是**顶边**:左栏白卡片
|
||||
top=53,右栏白卡片 top=63,差 10px,左边高、右边低。
|
||||
|
||||
病因在 WordPress 自己的后台样式:
|
||||
#wpbody-content .metabox-holder { padding-top: 10px }
|
||||
这条是给「一路往下排的 metabox」留顶部间距用的。3.2.24 把标签列
|
||||
float 到左边、变成两栏并排之后,这 10px 就没人跟它配对了 ——
|
||||
左栏(h2.nav-tab-wrapper)不带这层 padding,右栏带,于是错开。
|
||||
|
||||
修法:两栏并排时把那 10px 清零。**只在 ≥960px 里清** ——
|
||||
窄屏仍是标签横排在上一路往下,那 10px 是该留的间距。
|
||||
⚠️ 不能用 padding-top: 10px 补给左栏来"凑齐":那会让左栏白卡片
|
||||
内部多出一段看不见的空白,标签整体下移 10px,与页面标题之间
|
||||
出现空隙,问题只是从「两栏错位」变成「左栏内部偏下」。
|
||||
══════════════════════════════════════════════════════════ */
|
||||
#optionsframework-wrap > #optionsframework-metabox {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
#optionsframework-metabox #optionsframework {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user