mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
Merge branch 'davkal/sticky-footer'
This commit is contained in:
commit
81cc24c123
@ -4,7 +4,7 @@
|
||||
|
||||
.footer {
|
||||
color: $footer-link-color;
|
||||
padding: 5rem 0 1rem 0;
|
||||
padding: 1rem 0 1rem 0;
|
||||
font-size: $font-size-sm;
|
||||
position: relative;
|
||||
width: 98%; /* was causing horiz scrollbars - need to examine */
|
||||
@ -38,6 +38,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
// Keeping footer inside the graphic on Login screen
|
||||
.login-page {
|
||||
.footer {
|
||||
bottom: $spacer;
|
||||
|
@ -40,6 +40,29 @@
|
||||
&--dashboard {
|
||||
height: calc(100% - 56px);
|
||||
}
|
||||
|
||||
// Sticky footer
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
> div {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
> .footer {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
// Render in correct position even ng-view div is not rendered yet
|
||||
> .footer:first-child {
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
|
||||
> * {
|
||||
width: 100%;
|
||||
align-self: flex-end;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// fix for phantomjs
|
||||
|
Loading…
Reference in New Issue
Block a user