fix: 修复搜索框焦点与失焦状态视觉中心不一致
- 为 .input-group-text 添加 flexbox 垂直居中对齐 - 为搜索图标设置 line-height: 1 确保视觉中心一致 - 为 input.form-control 添加 flexbox 对齐确保文本垂直居中 - 移除属性之间的多余空行,符合代码规范
This commit is contained in:
13
style.css
13
style.css
@@ -1856,9 +1856,8 @@ body.leftbar-can-headroom.headroom---unpinned #navbar-main {
|
||||
}
|
||||
|
||||
#navbar_search_input_container .input-group-text i.fa {
|
||||
|
||||
font-size: 16px;
|
||||
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
#navbar_search_input_container:not(.open) input.form-control {
|
||||
@@ -1912,17 +1911,17 @@ body.leftbar-can-headroom.headroom---unpinned #navbar-main {
|
||||
}
|
||||
|
||||
#navbar_search_input_container .input-group-text {
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition: all var(--animation-slow) var(--ease-emphasized);
|
||||
|
||||
}
|
||||
|
||||
#navbar_search_input_container input.form-control {
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 200px;
|
||||
|
||||
transition: all 0.5s cubic-bezier(0.4, 0, 0, 1);
|
||||
|
||||
}
|
||||
|
||||
#navbar_search_btn_mobile {
|
||||
|
||||
Reference in New Issue
Block a user