diff --git a/src/styles/_legacy-plots.scss b/src/styles/_legacy-plots.scss index e02e449204..bd8c12710d 100644 --- a/src/styles/_legacy-plots.scss +++ b/src/styles/_legacy-plots.scss @@ -118,9 +118,7 @@ mct-plot { .gl-plot { display: flex; - position: relative; - width: 100%; - height: 100%; + flex: 1 1 auto; /*********************** AXIS AND DISPLAY AREA */ .plot-wrapper-axis-and-display-area { diff --git a/src/ui/components/object-frame.scss b/src/ui/components/object-frame.scss index dd1d17f654..f36eb6e678 100644 --- a/src/ui/components/object-frame.scss +++ b/src/ui/components/object-frame.scss @@ -74,11 +74,9 @@ height: 0; // Chrome 73 overflow bug fix overflow: auto; - .u-angular-object-view-wrapper { - .u-fills-container { - // Expand component types that fill a container - @include abs(); - } + .u-fills-container { + // Expand component types that fill a container + @include abs(); } } @@ -91,8 +89,5 @@ } .u-angular-object-view-wrapper { - flex: 1 1 auto; - height: 100%; - width: 100%; - overflow: hidden; + display: contents; } diff --git a/src/ui/inspector/inspector.scss b/src/ui/inspector/inspector.scss index cd5b56107a..528e6ead24 100644 --- a/src/ui/inspector/inspector.scss +++ b/src/ui/inspector/inspector.scss @@ -4,7 +4,7 @@ flex-direction: column; > * { - // Thi is on purpose: want extra margin on top object-name element + // This is on purpose: want extra margin on top object-name element margin-top: $interiorMargin; } @@ -41,6 +41,8 @@ &__content { flex: 1 1 auto; + display: flex; + flex-direction: column; } &__elements {