on master help sign in
search icon size and spacing, searchbar close size
commit17b7224f12e947b194052b245d10642996de49aa authorGavin Atkinson <gvnatknsn@protonmail.com> dateMon 14 Oct 2019, 16:37 (7 years ago) parent16bd601
2 files changed+15−14
sass/_main.scss+13−12 templates/partials/navigation-search.html+2−2
sass/_main.scss+13−12
@@ -273,22 +273,22 @@ nav.previous, nav.next {
273273 border: 0;
274274 font-family: "Inter", sans-serif;
275275 position: relative;
276− width: 80%;
277− min-width: 110px;
276+ // width: 80%;
277+ // min-width: 110px;
278278 text-align: left;
279279 background: transparent;
280280 span#search-icon {
281− display: inline-block;
282− transform: rotate(-45deg);
281+ display: inline-block;
282+ transform: translate(-7px, 2px) rotate(-45deg);
283283 }
284284 span.search-slash {
285− font-size: 0.75em;
286− position: absolute;
287− right: 0px;
288− top: 6px;
289− padding: 6px;
290− border: 1px solid #b1b2b3;
291− border-radius: 3px;
285+ font-size: 0.75em;
286+ position: absolute;
287+ right: 0px;
288+ top: 6px;
289+ padding: 6px;
290+ border: 1px solid #b1b2b3;
291+ border-radius: 3px;
292292 }
293293}
294294.has-active-search-window {
@@ -346,7 +346,7 @@ input[type="search"] {
346346 }
347347
348348 .header__search-icon {
349− transform: rotate(-45deg);
349+ transform: translateY(-1px) rotate(-45deg) scale(1.5);
350350 vertical-align: bottom;
351351 }
352352
@@ -386,6 +386,7 @@ input[type="search"] {
386386 cursor: pointer;
387387 font-family: "Inter UI", sans-serif;
388388 user-select: none;
389+ transform: scale(1.5);
389390 }
390391 // tooltipping
391392.tippy-tooltip {
templates/partials/navigation-search.html+2−2
@@ -1,4 +1,4 @@
1−<button id="js-search-window-toggle" class="mt2 dn db-m db-l db-xl bw-0 mb3" type="button" style="outline:none">
1+<button id="js-search-window-toggle" class="pointer mt2 dn db-m db-l db-xl bw-0 mb3" type="button" style="outline:none">
22 <span id="search-icon" class="f3 gray3">⚲</span>
3− <span class="ml3 gray3">Search</span>
3+ <span class="gray3">Search</span>
44</button>