60 lines
1.4 KiB
SCSS
60 lines
1.4 KiB
SCSS
@import '../../variables';
|
|
|
|
.lnsFrameLayout {
|
|
padding: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
overflow: hidden;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.lnsFrameLayout__pageContent {
|
|
overflow: hidden;
|
|
flex-grow: 1;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.lnsFrameLayout__pageBody {
|
|
@include euiScrollBar;
|
|
min-width: $lnsPanelMinWidth + $euiSizeXL;
|
|
overflow: hidden auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: 1 1 100%;
|
|
// Leave out bottom padding so the suggestions scrollbar stays flush to window edge
|
|
// Leave out left padding so the left sidebar's focus states are visible outside of content bounds
|
|
// This also means needing to add same amount of margin to page content and suggestion items
|
|
padding: $euiSize $euiSize 0;
|
|
|
|
&:first-child {
|
|
padding-left: $euiSize;
|
|
}
|
|
}
|
|
|
|
.lnsFrameLayout__sidebar {
|
|
margin: 0;
|
|
flex: 1 0 18%;
|
|
min-width: $lnsPanelMinWidth + $euiSize;
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: relative;
|
|
}
|
|
|
|
.lnsFrameLayout__sidebar--right {
|
|
flex-basis: 25%;
|
|
background-color: lightOrDarkTheme($euiColorLightestShade, $euiColorInk);
|
|
min-width: $lnsPanelMinWidth + $euiSizeXL;
|
|
max-width: $euiFormMaxWidth + $euiSizeXXL;
|
|
max-height: 100%;
|
|
|
|
.lnsConfigPanel {
|
|
@include euiScrollBar;
|
|
padding: $euiSize $euiSizeXS $euiSize $euiSize;
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
}
|
|
}
|