diff --git a/ui/src/shared/components/TimeMachine.scss b/ui/src/shared/components/TimeMachine.scss index 0a231417a0..4761479d5e 100644 --- a/ui/src/shared/components/TimeMachine.scss +++ b/ui/src/shared/components/TimeMachine.scss @@ -49,7 +49,7 @@ } } -.time-machine-cusomization { +.time-machine-customization { background-color: $g2-kevlar; height: 100%; diff --git a/ui/src/shared/components/threesizer/Threesizer.scss b/ui/src/shared/components/threesizer/Threesizer.scss index a59ed8bfa5..3252c01dba 100644 --- a/ui/src/shared/components/threesizer/Threesizer.scss +++ b/ui/src/shared/components/threesizer/Threesizer.scss @@ -180,7 +180,8 @@ $threesizer-shadow-stop: fade-out($g0-obsidian, 1); height: 100%; } .threesizer--header+& { - flex: 1 0 0; + flex: 1 1 0; + overflow: hidden; } } diff --git a/ui/src/shared/components/view_options/ViewOptions.tsx b/ui/src/shared/components/view_options/ViewOptions.tsx index 30182d8108..f65a989b21 100644 --- a/ui/src/shared/components/view_options/ViewOptions.tsx +++ b/ui/src/shared/components/view_options/ViewOptions.tsx @@ -9,6 +9,7 @@ import {setType} from 'src/shared/actions/v2/timeMachines' import ViewTypeSelector from 'src/shared/components/ViewTypeSelector' import Threesizer from 'src/shared/components/threesizer/Threesizer' import OptionsSwitcher from 'src/shared/components/view_options/OptionsSwitcher' +import FancyScrollbar from 'src/shared/components/fancy_scrollbar/FancyScrollbar' // Utils import {getActiveTimeMachine} from 'src/shared/selectors/timeMachines' @@ -43,17 +44,23 @@ class ViewOptions extends PureComponent { name: 'Visualization Type', headerButtons: [], render: () => ( - + + + ), headerOrientation: HANDLE_VERTICAL, }, { name: 'Customize', headerButtons: [], - render: () => , + render: () => ( + + + + ), headerOrientation: HANDLE_VERTICAL, }, ]