NeoAnd/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2025-07-18 21:16:27 -06:00
Code Issues Actions 8 Packages Projects Releases Wiki Activity

#6372: Fix footer placement

Browse Source
This commit is contained in:
checktheroads 2021-05-22 16:59:55 -07:00
parent 93534db79e
commit ee2de33643
6 changed files with 43 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
netbox/project-static/dist/netbox-dark.css vendored
View File

Binary file not shown.

2
netbox/project-static/dist/netbox-dark.css.map vendored
View File

File diff suppressed because one or more lines are too long

BIN
netbox/project-static/dist/netbox-light.css vendored
View File

Binary file not shown.

2
netbox/project-static/dist/netbox-light.css.map vendored
View File

File diff suppressed because one or more lines are too long

20
netbox/project-static/netbox.scss
View File

@ -252,13 +252,15 @@ h6.accordion-item-title {
width: 100%; width: 100%;
max-width: 330px; max-width: 330px;
padding: 15px; padding: 15px;
// margin: auto; & input:focus {
z-index: 1;
}
} }
.form-login input[type='text'] { .form-login input[type='text'] {
margin-bottom: -1px; margin-bottom: -1px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
} }
.form-login input[type='password'] { .form-login input[type='password'] {
@ -299,18 +301,26 @@ li.dropdown-item.dropdown-item-btns {
nav.nav.nav-pills { nav.nav.nav-pills {
.nav-item.nav-link { .nav-item.nav-link {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
// font-size: $font-size-base;
font-size: $font-size-sm; font-size: $font-size-sm;
border-radius: $border-radius; border-radius: $border-radius;
&:hover { &:hover {
// color: $body-color;
// background-color: var(--nbx-sidebar-link-hover-bg);
background-color: $accordion-button-active-bg; background-color: $accordion-button-active-bg;
color: $accordion-button-active-color; color: $accordion-button-active-color;
} }
} }
} }
// Ensure the content container is full-height, and that the content block is also full height so
// that the footer is always at the bottom.
div.content-container {
min-height: 100vh;
display: flex;
flex-direction: column;
div.content {
flex: 1;
}
}
// Prevent scrolling of body content when nav menu is open on mobile. // Prevent scrolling of body content when nav menu is open on mobile.
.sidebar.collapse.show ~ .content-container { .sidebar.collapse.show ~ .content-container {
@media (max-width: map.get($grid-breakpoints, 'md')) { @media (max-width: map.get($grid-breakpoints, 'md')) {

10
netbox/templates/base/layout.html
View File

@ -61,6 +61,9 @@
</nav> </nav>
{# Body #}
<div class="content-container">
{# Top bar #} {# Top bar #}
<nav class="navbar navbar-light sticky-top flex-md-nowrap p-3 search container-fluid"> <nav class="navbar navbar-light sticky-top flex-md-nowrap p-3 search container-fluid">
<div class="d-md-none w-100 d-flex justify-content-between align-items-center my-3"> <div class="d-md-none w-100 d-flex justify-content-between align-items-center my-3">
@ -85,9 +88,6 @@
</div> </div>
</nav> </nav>
{# Body #}
<div class="content-container">
{# Page header #} {# Page header #}
{% block header %} {% block header %}
<div class="title-container px-3 py-3"> <div class="title-container px-3 py-3">
@ -104,7 +104,7 @@
{% endblock header %} {% endblock header %}
{# Page content #} {# Page content #}
<div id="content" class="container-fluid px-0 m-0"> <div id="content" class="container-fluid content px-0 m-0">
{% block tabs %}{% endblock %} {% block tabs %}{% endblock %}
<div class="px-3"> <div class="px-3">
{% block content %}{% endblock %} {% block content %}{% endblock %}
@ -113,7 +113,7 @@
{# Page footer #} {# Page footer #}
<footer class="footer container-fluid pb-3 pt-4 px-0"> <footer class="footer container-fluid pb-3 pt-4 px-0">
<div class="row align-items-center justify-content-end"> <div class="row align-items-center justify-content-end mx-0">
<div class="col-auto d-none d-md-block"></div> <div class="col-auto d-none d-md-block"></div>
<div class="col text-center text-md-end small text-muted"> <div class="col text-center text-md-end small text-muted">
<span class="fw-light d-block d-md-inline">{% now 'Y-m-d H:i:s T' %}</span> <span class="fw-light d-block d-md-inline">{% now 'Y-m-d H:i:s T' %}</span>