diff --git a/src/terra-front/modules/Visualizer/LayersTree/styles.scss b/src/terra-front/modules/Visualizer/LayersTree/styles.scss index a07bbd3e..a8cba9da 100644 --- a/src/terra-front/modules/Visualizer/LayersTree/styles.scss +++ b/src/terra-front/modules/Visualizer/LayersTree/styles.scss @@ -299,6 +299,14 @@ & .bp3-popover-target { width: 100%; } + + & .layerstree-node-content__options__button { + &--active { + svg { + filter: invert(.5) sepia(1) saturate(5) hue-rotate(175deg); + } + } + } & .bp3-button { width: 100%; diff --git a/src/views/Visualizer/View/Widgets/styles.scss b/src/views/Visualizer/View/Widgets/styles.scss index 3dcaece4..b6d637ed 100644 --- a/src/views/Visualizer/View/Widgets/styles.scss +++ b/src/views/Visualizer/View/Widgets/styles.scss @@ -16,12 +16,14 @@ $containerWidth: 20rem; position: relative; width: 0; height: 100%; + max-height: 100vh; transition: width .2s ease-in; animation: widget-render-in .2s ease; z-index: 80; background: rgb(48,64,77); will-change: width; overflow: hidden; + overflow-y: auto; &--visible { width: $containerWidth;