ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-15 21:58:13 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Main container and scroll-bar styling

Browse Source
This commit is contained in:
charlesh88
2018-08-17 14:37:13 -07:00
parent c3262de1b7
commit e641aa6949
2 changed files with 40 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/styles-new/_global.scss
View File

@ -36,6 +36,37 @@ div {
position: relative;
}
/******************************* BROWSER ELEMENTS */
body {
::-webkit-scrollbar {
box-sizing: border-box;
box-shadow: inset $scrollbarTrackShdw;
background-color: $scrollbarTrackColorBg;
height: $scrollbarTrackSize;
width: $scrollbarTrackSize;
}
::-webkit-scrollbar-thumb {
box-sizing: border-box;
background: $scrollbarThumbColor;
&:hover { background: $scrollbarThumbColorHov; }
}
.overlay ::-webkit-scrollbar-thumb {
background: $scrollbarThumbColorOverlay;
&:hover { background: $scrollbarThumbColorOverlayHov; }
}
.menu ::-webkit-scrollbar-thumb {
background: $scrollbarThumbColorMenu;
&:hover { background: $scrollbarThumbColorMenuHov; }
}
::-webkit-scrollbar-corner {
background: $scrollbarTrackColorBg;
}
}
/************************** HTML ENTITIES */
a {
//color: $colorA;

11
src/ui/components/layout/Layout.vue
View File

@ -17,8 +17,7 @@
</div>
</pane>
<pane class="l-pane l-shell__pane-main">
<div style="position: absolute; top: 0; bottom: 0; width: 100%" ref="mainContainer">
</div>
<div class="l-shell__main-container" ref="mainContainer"></div>
</pane>
<pane class="l-pane l-shell__pane-inspector"
handle="before"
@ -70,6 +69,14 @@
flex-flow: row nowrap;
}
&__main-container {
// Wrapper for main views
$m: $interiorMargin;
overflow: auto;
position: absolute;
top: $m; right: $m; bottom: $m; left: $m;
}
&__tree {
flex: 1 1 100%;
}