grafana/public/sass/components/_footer.scss
Torkel Ödegaard 91ea3b15fa
Footer: Single footer component for both react & angular pages (#21389)
* Footer: Single footer implementation for both react & angular pages

* Export type

* Updates

* Use footer links in help menu

* Updates & Fixes

* Updated snapshot

* updated snapshot
2020-01-09 11:25:52 +01:00

62 lines
893 B
SCSS

.page-dashboard .footer {
display: none;
}
.footer {
color: $footer-link-color;
padding: $space-md 0 $space-md 0;
font-size: $font-size-sm;
position: relative;
width: 98%; /* was causing horiz scrollbars - need to examine */
a {
color: $footer-link-color;
&:hover {
color: $footer-link-hover;
}
i {
display: inline-block;
padding-right: $space-xxs;
}
}
ul {
list-style: none;
}
li {
display: inline-block;
&::after {
content: ' | ';
padding: 0 $space-sm;
}
}
li:last-child {
&::after {
padding-left: 0;
content: '';
}
}
}
.login-page {
.footer {
display: block;
bottom: $spacer;
position: absolute;
padding: $space-md 0 $space-md 0;
}
}
@include media-breakpoint-up(sm) {
.login-page {
.footer {
padding: 70px 0 $space-md 0;
}
}
}