e3eef7a · urbit.org · git.iko.soy

git.iko.soy/urbit.org

Pagination fix on iPad resolution

commite3eef7a1ab3b7fcd88b8fa9008a2941264088447 authorMatilde Park <matilde@tlon.io> dateThu 5 Sep 2019, 22:48 (7 years ago) parentd549814

2 files changed+9−3

unifiedsplit

sass/_responsive.scss+7−1

@@ -1,7 +1,13 @@

11// The cascading isn't operating as expected using just indigo here. :(

2−@media all and (min-width: 550px) {

2+@media all and (max-width: 1259px) {

3+ nav.previous, nav.next {

4+ max-width: 40% !important;

5+ }

6+}

7+@media all and (min-width: 1260px) {

38 nav.previous, nav.next {

49 width: auto !important;

10+ max-width: auto;

511 }

612 nav.previous {

713 right: 16px !important;

templates/partials/pagination.html+2−2

@@ -1,6 +1,6 @@

11<footer class="relative">{% if page.earlier %}

22 <a class="bb0" href="{{page.earlier.permalink}}">

3− <nav class="previous w11 mv6 absolute right7 f4 t-right">

3+ <nav class="previous mv6 absolute right7 f4 t-right">

44 <p class="mb0 f5">Previous Post:</p>

55 <p class="fw-bold f5 f4-ns mb0 mt0">{{page.earlier.title}}</p>

66 <time class="mono block f5">{{page.earlier.date | date(format="~%Y.%-m.%-d") }}</time>

@@ -10,7 +10,7 @@

1010

1111 {% if page.later %}

1212 <a class="bb0" href="{{page.later.permalink}}">

13− <nav class="next mv6 w10 absolute left4-ns left6 f4">

13+ <nav class="next mv6 absolute left4-ns left6 f4">

1414 <p class="mb0 f5">Next Post:</p>

1515 <p class="fw-bold f5 f4-ns mb0 mt0">{{page.later.title}}</p>

1616 <time class="mono block f5">{{page.later.date | date(format="~%Y.%-m.%-d") }}</time>