mirror/netbox-community-netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2024-05-10 07:54:54 +00:00
Code 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 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -250,9 +250,18 @@ table {
div.title-container {
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;
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 {
display: flex;
flex: 1 0;
@@ -501,7 +510,7 @@ div.content-container {
position: relative;
display: flex;
flex-direction: column;
width: calc(100% - 3rem); // $sidenav-width-closed
width: calc(100% - #{$sidenav-width-closed});
min-height: 100vh;
overflow-x: hidden;
overflow-y: auto;