Skip to content

Commit deaceb9

Browse files
committed
minor symfony#73 Use css flexbox for sticky footer. (ogizanagi)
This PR was merged into the master branch. Discussion ---------- Use css flexbox for sticky footer. ![screenshot 2015-06-28 a 09 45 51](https://cloud.githubusercontent.com/assets/2211145/8395614/ac9f55fc-1d7b-11e5-9bf5-863339570ea2.PNG) Commits ------- 52e0633 Use css flexbox for sticky footer.
2 parents d13b8f5 + 52e0633 commit deaceb9

File tree

2 files changed

+14
-3
lines changed

2 files changed

+14
-3
lines changed

app/Resources/assets/scss/main.scss

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,14 @@ i {
4444
// Page elements
4545
// --------------------------------------------------
4646

47+
body {
48+
display: -webkit-flex;
49+
display: flex;
50+
-webkit-flex-direction: column;
51+
flex-direction: column;
52+
min-height: 100vh;
53+
}
54+
4755
// Header
4856
header {
4957
margin-bottom: 2em;
@@ -55,7 +63,10 @@ header {
5563

5664
// Body contents
5765
.body-container {
58-
// needed to prevent pages with a very small height
66+
-webkit-flex: 1;
67+
flex: 1;
68+
69+
// needed to prevent pages with a very small height and browsers not supporting flex
5970
min-height: 600px;
6071

6172
#main h1,

web/css/app.css

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)