glyph
/
peach-workspace
forked from PeachCloud/peach-workspace
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request 'Sticky footer with flexbox' (#29) from ui_tweaks into main 

Reviewed-on: PeachCloud/peach-workspace#29
This commit is contained in:
glyph 2021-11-16 14:23:21 +00:00
parent dad9ee9392 b86575e2e4
commit b70b112962
2 changed files with 35 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
peach-web/static/css/peachcloud.css
View File

@ -5,6 +5,7 @@
*
* Index
* - ALIGNMENT
* - BODY
* - BUTTONS
* - CARDS
* - CAPSULES
@ -19,11 +20,11 @@
* - LABELS
* - LINKS
* - LISTS
* - MAIN
* - METERS
* - NAVIGATION
* - RADIAL MENU
* - SWITCHES / SLIDERS
* - PARAGRAPHS
* - SWITCHES / SLIDERS
*
\* ------------------------------ */
@ -121,6 +122,18 @@
}
}
/*
* BODY
*/
body {
background-color: var(--moon-gray);
height: 100%;
display: flex;
flex-direction: column;
margin: 0;
}
/*
* BUTTONS
*/
@ -527,11 +540,8 @@
* HTML
*/
/* Push bottom nav bar to bottom of screen on larger displays */
@media only screen and (min-width: 600px) {
html {
height: 100%;
}
html {
height: 100%;
}
/*
@ -739,6 +749,14 @@
grid-row: 2;
}
/*
* MAIN
*/
main {
flex: 1 0 auto;
}
/*
* METERS
*/
@ -842,6 +860,15 @@ meter::-moz-meter-bar {
list-style-type: none;
}
/*
* PARAGRAPHS
*/
p {
font-family: var(--sans-serif);
overflow-wrap: anywhere;
}
/*
* SWITCHES / SLIDERS
*/
@ -930,13 +957,3 @@ input:checked + .slider:before {
font-family: var(--sans-serif);
max-width: var(--max-width-6);
}
/*
* PARAGRAPHS
*/
p {
font-family: var(--sans-serif);
overflow-wrap: anywhere;
}

2
peach-web/templates/base.html.tera
View File

@ -10,7 +10,7 @@
<link rel="stylesheet" href="/css/peachcloud.css">
<style>@import url("/css/_variables.css");</style>
</head>
<body style="background-color: var(--moon-gray);">
<body>
{% block nav %}{% endblock nav %}
</body>
<script type="text/javascript" src="/js/common.js"></script>