fix(navigation): stop the public reset from overriding the reference menu styles
The public bundle loads after main.min.css, and its bare-element rules
won on equal specificity:
- img { display: block; height: auto } replaced the inline image baseline
the menu relies on (Bootstrap img{vertical-align:middle} + main.css
img{max-height:100%}). Menu glyphs and graphic-card thumbnails were
pulled out of the inline flow, breaking row height and baseline.
Scoped the reset to content and restored the inline baseline inside
.header / .mobile-header.
- html { overflow-x: clip/hidden } made the root a clipping context,
which crops the position:fixed senior mega menu and its drop panels.
The horizontal-overflow guard now lives on body only.
Rebuilt public.css / public.min.css.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
3595935475
commit
ed38dec314
4 files changed
+33
-11
No files matched your search
@@ -15,7 +15,6 @@ html {
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
overflow-x: hidden;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
@@ -30,7 +29,11 @@ body {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
/* 媒体元素 */
|
||||
/* 媒体元素
|
||||
*
|
||||
* 导航树排除在外:main.css 的导航依赖 Bootstrap 的 inline 图片基线
|
||||
* (img{vertical-align:middle} + max-height),裸 img 的 display:block
|
||||
* 会把菜单图标和图文卡片从行内排版里拽出来,撑乱菜单行的高度与基线。 */
|
||||
img,
|
||||
picture,
|
||||
video,
|
||||
@@ -40,6 +43,13 @@ canvas {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.header img,
|
||||
.mobile-header img {
|
||||
display: inline;
|
||||
height: auto;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* 表单元素继承字体 */
|
||||
input,
|
||||
button,
|
||||
|
||||
Reference in new issue
Block a user