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 /assets | |
| 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
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/css/default.css | 25 |
1 files changed, 20 insertions, 5 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; +} |