git.iko.soy/urbit.org
on master help sign in
Pagination fix on iPad resolution
e3eef7aMatilde Park
sass/_responsive.scss+7−1
compare with master
unifiedsplit
@@ -1,7 +1,13 @@
1// The cascading isn't operating as expected using just indigo here. :(
1// 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) {
3 nav.previous, nav.next {
8 nav.previous, nav.next {
4 width: auto !important;
9 width: auto !important;
10+ max-width: auto;
5 }
11 }
6 nav.previous {
12 nav.previous {
7 right: 16px !important;
13 right: 16px !important;
templates/partials/pagination.html+2−2
@@ -1,6 +1,6 @@
1<footer class="relative">{% if page.earlier %}
1<footer class="relative">{% if page.earlier %}
2 <a class="bb0" href="{{page.earlier.permalink}}">
2 <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">
4 <p class="mb0 f5">Previous Post:</p>
4 <p class="mb0 f5">Previous Post:</p>
5 <p class="fw-bold f5 f4-ns mb0 mt0">{{page.earlier.title}}</p>
5 <p class="fw-bold f5 f4-ns mb0 mt0">{{page.earlier.title}}</p>
6 <time class="mono block f5">{{page.earlier.date | date(format="~%Y.%-m.%-d") }}</time>
6 <time class="mono block f5">{{page.earlier.date | date(format="~%Y.%-m.%-d") }}</time>
@@ -10,7 +10,7 @@
10
10
11 {% if page.later %}
11 {% if page.later %}
12 <a class="bb0" href="{{page.later.permalink}}">
12 <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">
14 <p class="mb0 f5">Next Post:</p>
14 <p class="mb0 f5">Next Post:</p>
15 <p class="fw-bold f5 f4-ns mb0 mt0">{{page.later.title}}</p>
15 <p class="fw-bold f5 f4-ns mb0 mt0">{{page.later.title}}</p>
16 <time class="mono block f5">{{page.later.date | date(format="~%Y.%-m.%-d") }}</time>
16 <time class="mono block f5">{{page.later.date | date(format="~%Y.%-m.%-d") }}</time>