NeoAnd/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2025-07-24 17:38:37 -06:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity

Improve object view on small screens

Browse Source
This commit is contained in:
Matt 2021-08-06 17:56:38 -07:00
parent a312311be9
commit 6845fb0f00
3 changed files with 10 additions and 1 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.

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

Binary file not shown.

11
netbox/project-static/styles/netbox.scss
View File

@ -250,9 +250,18 @@ table {
div.title-container { div.title-container {
display: flex; display: flex;
// On small screens, `flex-direction: column;` ensures the control buttons don't appear on the
// same line as the title, but rather break to the next line.
flex-direction: column;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
@include media-breakpoint-up(lg) {
// On large screens, `flex-direction: row;` allows the control buttons to appear vertically
// aligned with the title.
flex-direction: row;
}
#content-title { #content-title {
display: flex; display: flex;
flex: 1 0; flex: 1 0;
@ -501,7 +510,7 @@ div.content-container {
position: relative; position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: calc(100% - 3rem); // $sidenav-width-closed width: calc(100% - #{$sidenav-width-closed});
min-height: 100vh; min-height: 100vh;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;