diff options
| author | sowgro <tpoke.ferrari@gmail.com> | 2024-05-04 16:45:59 -0400 |
|---|---|---|
| committer | sowgro <tpoke.ferrari@gmail.com> | 2024-05-04 16:45:59 -0400 |
| commit | d733546b672f2b6c58f3f0e0af20663fd1aa6d11 (patch) | |
| tree | 721d5a488b3e76ca709b2b1aa18bb096adf47318 | |
| parent | c4d0df845e63abc7391759541cac22e9057c83b6 (diff) | |
| download | grav-sowtheme-d733546b672f2b6c58f3f0e0af20663fd1aa6d11.tar.gz grav-sowtheme-d733546b672f2b6c58f3f0e0af20663fd1aa6d11.tar.bz2 grav-sowtheme-d733546b672f2b6c58f3f0e0af20663fd1aa6d11.zip | |
new layout 9
Diffstat (limited to '')
| -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"> |