NeoAnd/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2025-12-19 03:42:25 -06:00
Code Issues Actions 12 Packages Projects Releases Wiki Activity

#6372: Responsive layout improvements

Browse Source
This commit is contained in:
checktheroads
2021-06-23 10:57:09 -07:00
parent c7afc9eb28
commit 18f1b93ae4
7 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

@@ -107,9 +107,11 @@ span.profile-button .dropdown-menu {
box-shadow: $box-shadow;
&:not(.show) {
opacity: 0;
pointer-events: none;
}
&.show {
opacity: 1;
pointer-events: auto;
}
}
@@ -389,9 +391,11 @@ div.content-container {
}
// Prevent scrolling of body content when nav menu is open on mobile.
.sidebar.collapse.show ~ .content-container {
.sidebar.collapse.show ~ .content-container > .content {
@media (max-width: map.get($grid-breakpoints, 'md')) {
position: fixed;
top: 0;
left: 0;
overflow-y: hidden;
}
}
@@ -412,8 +416,9 @@ div.content-container {
max-width: $sidebar-width;
}
@media (max-width: map.get($grid-breakpoints, 'md')) {
@include media-breakpoint-down(md) {
top: 8.125rem;
background-color: var(--nbx-body-bg);
}
div.accordion-item {
@@ -468,6 +473,11 @@ div.content-container {
position: sticky;
height: 8rem;
background-color: var(--nbx-sidebar-bg);
@include media-breakpoint-down(md) {
background-color: var(--nbx-body-bg);
}
.nav-link {
padding: 0.5rem 0.25rem;
}