diff options
| -rw-r--r-- | css/website.css | 5 | ||||
| -rw-r--r-- | templates/partials/navigation.html.twig | 8 |
2 files changed, 7 insertions, 6 deletions
diff --git a/css/website.css b/css/website.css index 5047c11..e7d1fa9 100644 --- a/css/website.css +++ b/css/website.css @@ -178,8 +178,9 @@ body { flex-direction: column; } -#nextback { - max-width: 100%; +#nextback #next, #nextback, #back{ + max-width: 40%; + overflow:hidden; } /* mobile */ diff --git a/templates/partials/navigation.html.twig b/templates/partials/navigation.html.twig index f1d6f18..be351e0 100644 --- a/templates/partials/navigation.html.twig +++ b/templates/partials/navigation.html.twig @@ -1,18 +1,18 @@ -<div class=links> +<div class="links" id="nextback"> {# {% if $prevPage = page.prevSibling %} #} - <a class="anim2" href="{{ page.parent.url }}"> + <a class="anim2" id="next" href="{{ page.parent.url }}"> <div class="roundedButton"> <span class="icon">arrow_back</span> <div class="stack"> <span>Previous</span> - <span>Sample last article name</span> + <span>Sample last article name that is super long and will require me to clip it</span> </div> </div> </a> {# {% endif %} #} {# {% if $nextPage = page.nextSibling %} #} - <a class="anim3" id="nextback" href="{{ page.parent.url }}"> + <a class="anim3" id="back" href="{{ page.parent.url }}"> <div class="roundedButton"> <span class="icon">arrow_forward</span> <div class="stack"> |