ProjectSegfault/invidious-experimenting
4
0
Fork 0
forked from midou/invidious
Code Pull Requests Activity

Change positioning of footer to use flexbox

Browse Source
This commit is contained in:
syeopite 2021-04-06 23:53:38 -07:00
parent 909606826d
commit d9528f5cc3
No known key found for this signature in database
GPG Key ID: 6FA616E5A5294A82
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
assets/css/default.css
View File

@ -3,8 +3,12 @@ body {
font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen,
Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica,
Arial, sans-serif; Arial, sans-serif;
position: relative; }
min-height: 100vh;
#contents {
display: flex;
flex-direction: column;
height: 100vh;
} }
.deleted { .deleted {
@ -284,12 +288,9 @@ input[type="search"]::-webkit-search-cancel-button {
footer { footer {
color: #919191; color: #919191;
margin: 1.5em 0; margin-top: auto;
padding: 1.5em 0;
text-align: center; text-align: center;
position: absolute;
left: 0;
right: 0;
bottom: 0;
max-height: 30vh; max-height: 30vh;
} }

3
src/invidious/views/template.ecr
View File

@ -26,7 +26,7 @@
<span style="display:none" id="dark_mode_pref"><%= env.get("preferences").as(Preferences).dark_mode %></span> <span style="display:none" id="dark_mode_pref"><%= env.get("preferences").as(Preferences).dark_mode %></span>
<div class="pure-g"> <div class="pure-g">
<div class="pure-u-1 pure-u-md-2-24"></div> <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-g navbar h-box">
<div class="pure-u-1 pure-u-md-4-24"> <div class="pure-u-1 pure-u-md-4-24">
<a href="/" class="index-link pure-menu-heading">Invidious</a> <a href="/" class="index-link pure-menu-heading">Invidious</a>
@ -106,7 +106,6 @@
<%= content %> <%= content %>
<div id="placeholder" style="padding: 6em;"></div>
<footer> <footer>
<div class="pure-g"> <div class="pure-g">
<div class="pure-u-1 pure-u-md-1-3"> <div class="pure-u-1 pure-u-md-1-3">