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:
Martavis Parker 2021-09-20 17:20:46 -07:00 committed by GitHub
parent bcb5288f71
commit 1d1e0b5f5f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 3 deletions

View file

@ -0,0 +1 @@
- Fixed sidebar style

View file

@ -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;
} }

View file

@ -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;
} }