djabsher
/
UIAngular
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adjust footer css

Transactions
Dan 2018-10-25 22:21:30 -06:00
parent 850dd9301b
commit 227b2557be
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
Client/src/app/components/app/app.component.css
View File

@ -47,8 +47,8 @@ header{
.content{ .content{
margin-top: 50px; margin-top: 50px;
min-height: 100%; min-height: 100%;
margin-bottom: -130px; margin-bottom: -140px;
padding-bottom: 130px; padding-bottom: 140px;
} }
footer{ footer{
@ -73,6 +73,7 @@ footer{
min-height: 100px; min-height: 100px;
} }
@media(max-width: 900px){ @media(max-width: 900px){
.header-button, .hideOnMobile{ .header-button, .hideOnMobile{
display: none; display: none;
@ -81,15 +82,15 @@ footer{
@media(max-width: 800px){ @media(max-width: 800px){
footer{ footer{
height: 360px; height: 380px;
} }
.footer-panel{ .footer-panel{
display: block; display: block;
width: calc(100% - 20px); width: calc(100% - 20px);
} }
.content{ .content{
margin-bottom: -350px; margin-bottom: -380px;
padding-bottom: 350px; padding-bottom: 380px;
} }
} }

4
Client/src/styles.css
View File

@ -12,6 +12,10 @@ html, body{
height: 100%; height: 100%;
} }
body {
height: calc(100% - 50px); /*Less 50 px for height of static header*/
}
.red{ .red{
color: red; color: red;
} }