mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
Fixed style for sidebar (#2154)
* fixed style for sidebar * changes file * Reduce minimum width of body-wrap to prevent right sidebar from overflowing min app width of 1200px Co-authored-by: Noah Talerman <noahtal@umich.edu>
This commit is contained in:
parent
bcb5288f71
commit
1d1e0b5f5f
3 changed files with 5 additions and 3 deletions
1
changes/2107-sidebar-style
Normal file
1
changes/2107-sidebar-style
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
- Fixed sidebar style
|
||||||
|
|
@ -1,9 +1,9 @@
|
||||||
.secondary-side-panel-container {
|
.secondary-side-panel-container {
|
||||||
align-self: stretch;
|
|
||||||
background-color: $core-white;
|
background-color: $core-white;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border-left: 1px solid $ui-gray;
|
border-left: 1px solid $ui-gray;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
min-width: $sidepanel-width;
|
||||||
width: $sidepanel-width;
|
width: $sidepanel-width;
|
||||||
padding: $pad-xxlarge;
|
padding: $pad-xxlarge;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -55,11 +55,12 @@ a {
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background-color: $core-white;
|
background-color: $core-white;
|
||||||
border: solid 1px $core-white;
|
border: solid 1px $core-white;
|
||||||
min-width: 910px;
|
min-width: 798px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.has-sidebar {
|
.has-sidebar {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-grow: 1;
|
||||||
|
|
||||||
& > *:first-child {
|
& > *:first-child {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
|
|
@ -121,4 +122,4 @@ hr {
|
||||||
margin-bottom: $pad-xlarge;
|
margin-bottom: $pad-xlarge;
|
||||||
border: none;
|
border: none;
|
||||||
border-bottom: 1px solid $ui-fleet-blue-15;
|
border-bottom: 1px solid $ui-fleet-blue-15;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue