Hide search on mobile
commitc5a1ce38857cef98b4f44c6c0f60bc0e9fb5021d
authorMatilde Park <matilde@tlon.io>
dateWed 11 Sep 2019, 17:31 (7 years ago)
parent82ee55e
sass/_main.scss+3
@@ -217,6 +217,9 @@ nav.previous, nav.next {
217217 min-width: 110px;
218218 text-align: left;
219219 background: transparent;
220+ &.dn {
221+ display: none;
222+ }
220223 span#search-icon {
221224 display: inline-block;
222225 transform: rotate(-45deg);
templates/404.html+2−1
@@ -1,7 +1,7 @@
11{% extends "base.html" %}
22{% block title %} 404 {% endblock title %}
33{% block content %}
4−<nav class="mt4">
4+<nav class="mt4 w5">
55 <a class="gray3" href="/">Urbit</a>
66 <span class="gray3"> / </span>
77 <a href="/404">
@@ -12,6 +12,7 @@
1212<main class="fourth-2">
1313 <h1 class="fixed fw2"
1414 style="font-size: 6rem;
15+ font-family: 'Inter UI', sans-serif;
1516 top: 50%;
1617 left: 50%;
1718 transform: translate(-50%, -50%);
templates/essays/list.html+1−1
@@ -2,7 +2,7 @@
22{% block title %} Essays {% endblock title %}
33{% block content %}
44<!-- header -->
5−<nav class="mt4 full fourth-1-md fourth-1-lg">
5+<nav class="mt4 full fourth-1-md fourth-1-lg mb3 mb0-m mb0-l mb0-xl">
66 <a class="gray3" href="/">Urbit</a>
77 <span class="gray3"> / </span>
88 <a href="/essays">
templates/essays/post.html+1−1
@@ -17,7 +17,7 @@
1717{% block content %}
1818<!-- header -->
1919<!-- content -->
20−<nav class="mt4 full fourth-1-md fourth-1-lg">
20+<nav class="mt4 full fourth-1-md fourth-1-lg mb3 mb0-m mb0-l mb0-xl">
2121 <a class="gray3" href="/">Urbit</a>
2222 <span class="gray3"> / </span>
2323 <a class="section" href="/essays">
templates/media/list.html+1−1
@@ -2,7 +2,7 @@
22{% block title %} Media {% endblock title %}
33{% block content %}
44<!-- header -->
5−<nav class="mt4 full fourth-1-md fourth-1-lg">
5+<nav class="mt4 full fourth-1-md fourth-1-lg mb3 mb0-m mb0-l mb0-xl">
66 <a class="gray3" href="/">Urbit</a>
77 <span class="gray3"> / </span>
88 <a href="/media">
templates/page.html+2−2
@@ -12,7 +12,7 @@
1212<!-- header -->
1313<!-- content -->
1414{% if page.components[1] %}
15−<nav class="mt4 full fourth-1-md fourth-1-lg">
15+<nav class="mt4 full fourth-1-md fourth-1-lg mb3 mb0-m mb0-l mb0-xl">
1616 <a class="gray3" href="/">Urbit</a>
1717 <span class="gray3"> / </span>
1818 <a href="/{{ page.components[0] }}">
@@ -23,7 +23,7 @@
2323
2424</nav>
2525{% else %}
26−<nav class="mt4 full fourth-1-md fourth-1-lg">
26+<nav class="mt4 full fourth-1-md fourth-1-lg mb3 mb0-m mb0-l mb0-xl">
2727 <a class="gray3" href="/">Urbit</a>
2828 <span class="gray3"> / </span>
2929 <a href="/{{ page.components[0] }}">
templates/page_indiced.html+2−2
@@ -13,7 +13,7 @@
1313<!-- header -->
1414<!-- content -->
1515{% if page.title %}
16−<nav class="mt4 pb4 fixed-xl fixed-l full fourth-1-md fourth-1-lg page-indiced">
16+<nav class="mt4 pb4 fixed-xl fixed-l full fourth-1-md fourth-1-lg page-indiced mb3 mb0-m mb0-l mb0-xl">
1717 <a class="gray3" href="/">Urbit</a>
1818 <span class="gray3"> / </span>
1919 <a href="/{{ page.components[0] }}">
@@ -23,7 +23,7 @@
2323 {% include "partials/navigation-search.html" %}
2424
2525{% else %}
26−<nav class="mt4 fixed-xl fixed-l full fourth-1-md fourth-1-lg page-indiced">
26+<nav class="mt4 fixed-xl fixed-l full fourth-1-md fourth-1-lg page-indiced mb3 mb0-m mb0-l mb0-xl">
2727 <a class="gray3" href="/">Urbit</a>
2828 <span class="gray3"> / </span>
2929 <a href="/{{ page.components[0] }}">
templates/partials/navigation-search.html+1−1
@@ -1,3 +1,3 @@
1−<button id="js-search-window-toggle" class="mt4 bw-0 mb3" type="button" style="outline:none">
1+<button id="js-search-window-toggle" class="mt4 dn db-m db-l db-xl bw-0 mb3" type="button" style="outline:none">
22 <span id="search-icon" class="f3 gray3">⚲</span><span class="ml3 gray3">Search</span></span>
33 </button>
templates/updates/list.html+1−1
@@ -3,7 +3,7 @@
33{% block bodyclasses %}class="updates"{% endblock bodyclasses %}
44{% block content %}
55<!-- header -->
6−<nav class="mt4 full fourth-1-md fourth-1-lg">
6+<nav class="mt4 full fourth-1-md fourth-1-lg mb3 mb0-m mb0-l mb0-xl">
77 <a class="gray3" href="/">Urbit</a>
88 <span class="gray3"> / </span>
99 <a href="/updates">