diff options
| author | TheFrenchGhosty <47571719+TheFrenchGhosty@users.noreply.github.com> | 2021-04-08 06:23:19 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-04-08 06:23:19 +0000 |
| commit | cd1e478b9526f59f11f595eeae2fae625034edfe (patch) | |
| tree | f6ce434089fef5cfa3a55d9be741728f7ed08d5e | |
| parent | ae353cef2e3013bc1d995d3c607e7ef2b76f7ffe (diff) | |
| parent | 5f2e87f0e365667a9c82f7b2958825d8187d6585 (diff) | |
| download | invidious-cd1e478b9526f59f11f595eeae2fae625034edfe.tar.gz invidious-cd1e478b9526f59f11f595eeae2fae625034edfe.tar.bz2 invidious-cd1e478b9526f59f11f595eeae2fae625034edfe.zip | |
Merge pull request #1976 from syeopite/fixfooter
Fix footer position to bottom of page
| -rw-r--r-- | assets/css/default.css | 25 | ||||
| -rw-r--r-- | src/invidious/views/template.ecr | 6 |
2 files changed, 23 insertions, 8 deletions
diff --git a/assets/css/default.css b/assets/css/default.css index 2552263d..107973e6 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -5,6 +5,12 @@ body { Arial, sans-serif; } +#contents { + display: flex; + flex-direction: column; + height: 100vh; +} + .deleted { background-color: rgb(255, 0, 0, 0.5); } @@ -280,14 +286,16 @@ input[type="search"]::-webkit-search-cancel-button { * Footer */ -.footer { - color: #666666; - margin: 2em 0; +footer { + color: #919191; + margin-top: auto; + padding: 1.5em 0; text-align: center; + max-height: 30vh; } -body .footer a { - color: inherit; +footer a { + color: #919191 !important; text-decoration: underline; } @@ -654,3 +662,10 @@ body.dark-theme { content: "[ - ]"; font-size: 1.5em; } + +/*With commit d9528f5 all contents of the page is now within a flexbox. However, +the hr element is rendered improperly within one. +See https://stackoverflow.com/a/34372979 for more info */ +hr { + margin: auto 0 auto 0; +} diff --git a/src/invidious/views/template.ecr b/src/invidious/views/template.ecr index 61b900e3..68cacc0f 100644 --- a/src/invidious/views/template.ecr +++ b/src/invidious/views/template.ecr @@ -26,7 +26,7 @@ <span style="display:none" id="dark_mode_pref"><%= env.get("preferences").as(Preferences).dark_mode %></span> <div class="pure-g"> <div class="pure-u-1 pure-u-md-2-24"></div> - <div class="pure-u-1 pure-u-md-20-24"> + <div class="pure-u-1 pure-u-md-20-24", id="contents"> <div class="pure-g navbar h-box"> <div class="pure-u-1 pure-u-md-4-24"> <a href="/" class="index-link pure-menu-heading">Invidious</a> @@ -106,7 +106,7 @@ <%= content %> - <div class="footer"> + <footer> <div class="pure-g"> <div class="pure-u-1 pure-u-md-1-3"> <a href="https://github.com/iv-org/invidious"> @@ -140,7 +140,7 @@ <%= translate(locale, "Current version: ") %> <%= CURRENT_VERSION %>-<%= CURRENT_COMMIT %> @ <%= CURRENT_BRANCH %> </div> </div> - </div> + </footer> </div> <div class="pure-u-1 pure-u-md-2-24"></div> </div> |