fix(header): 修复窄屏展开菜单按钮图标拉高且与相邻按钮不对齐
1. svg 缺少 viewBox:core/reset.css 的 svg{height:auto} 覆盖 main.css
的 1em 后无固有宽高比,回退到替换元素默认高度 150px,按钮被撑到
160px。补上与 sprite 符号一致的 viewBox="0 0 1024 1024"。
2. 按钮类从 but 换成 aksrt-nav-icon:与右侧搜索/用户图标共用
header-userbox.css 的 34px 居中图标按钮规范,垂直中心与整行对齐。
This commit is contained in:
1 parent
1741b6861a
commit
b169574b25
1 file changed
+1
-1
@@ -338,7 +338,7 @@ if (!function_exists('aksrt_menu_button')) :
|
|||||||
. $actions . $utility_buttons . $account . '</div>';
|
. $actions . $utility_buttons . $account . '</div>';
|
||||||
|
|
||||||
$fold = '<div class="navbar-form navbar-right hide show-nav-but" style="margin-right:-10px;">'
|
$fold = '<div class="navbar-form navbar-right hide show-nav-but" style="margin-right:-10px;">'
|
||||||
. '<a data-toggle-class data-target=".nav.navbar-nav" href="javascript:;" class="but" aria-label="'
|
. '<a data-toggle-class data-target=".nav.navbar-nav" href="javascript:;" class="aksrt-nav-icon" aria-label="'
|
||||||
. esc_attr__('展开菜单', 'aksrt') . '"><svg class="icon" viewBox="0 0 1024 1024" aria-hidden="true"><use xlink:href="#icon-menu_2"></use></svg></a></div>';
|
. esc_attr__('展开菜单', 'aksrt') . '"><svg class="icon" viewBox="0 0 1024 1024" aria-hidden="true"><use xlink:href="#icon-menu_2"></use></svg></a></div>';
|
||||||
|
|
||||||
$html = $fold . $button;
|
$html = $fold . $button;
|
||||||
|
|||||||
Reference in new issue
Block a user