Increase mobile search control sizing
This commit is contained in:
parent
05589c1c06
commit
a5bdf60101
2 changed files with 4 additions and 2 deletions
|
|
@ -168,8 +168,8 @@ button { color: inherit; }
|
|||
.mobile-menu-button { width: 72px; height: 72px; flex: 0 0 72px; border-radius: 50%; color: var(--text); background: var(--control); font-size: 2rem; }
|
||||
body.mobile-menu-open .mobile-menu-button { background: var(--active); }
|
||||
.mobile-search-control { display: flex; min-width: 0; height: 72px; flex: 1; align-items: center; border-radius: 38px; background: var(--control); }
|
||||
.mobile-search-control input { padding-left: 22px; font-size: 1rem; }
|
||||
.mobile-search-control .search-glyph { width: 64px; height: 64px; flex-basis: 64px; background: transparent; }
|
||||
.mobile-search-control input { padding-left: 30px; font-size: 1.3rem; }
|
||||
.mobile-search-control .search-glyph { width: 64px; height: 64px; flex-basis: 64px; background: transparent; font-size: 2.3rem; }
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
|
|
|
|||
|
|
@ -104,6 +104,8 @@ def test_all_endpoints_and_self_contained_build(tmp_path):
|
|||
assert "refresh-expanded" in html
|
||||
assert "mobile-search-open" in html
|
||||
assert "flex-direction: column-reverse" in html
|
||||
assert ".mobile-search-control input { padding-left: 30px; font-size: 1.3rem; }" in html
|
||||
assert "background: transparent; font-size: 2.3rem" in html
|
||||
assert "<script src=" not in html
|
||||
assert "<link rel=" not in html
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue