diff --git a/src/app/components/analysis-panel/analysis-panel.component.scss b/src/app/components/analysis-panel/analysis-panel.component.scss index 7b9066fe3698ea7a15d6b8bd1a220996f8f1d660..1fa7b34d447650d5eef79ea5c96d79456a224fd1 100644 --- a/src/app/components/analysis-panel/analysis-panel.component.scss +++ b/src/app/components/analysis-panel/analysis-panel.component.scss @@ -75,8 +75,12 @@ .network-footer-toolbar{ .dropdown-menu{ - z-index: $analysis-network-toolbar-dropdown-z; + z-index: $analysis-network-toolbar-dropdown-z !important; } } +.legend { + z-index: $analysis-network-legend-z !important; +} + diff --git a/src/app/components/network-legend/network-legend.component.scss b/src/app/components/network-legend/network-legend.component.scss index 271df8682e4b92ff8bb81f6797fcd5e8b8d2d63d..e0b54d8c21a9a3342d3a41f2b9c502faf09baebb 100644 --- a/src/app/components/network-legend/network-legend.component.scss +++ b/src/app/components/network-legend/network-legend.component.scss @@ -5,6 +5,8 @@ div.legend { position: absolute; bottom: 0; left: 1rem; + bottom: 1rem; + z-index: $explorer-networklegend-z; &.right { right: 0; } diff --git a/src/stylesheets/styles.scss b/src/stylesheets/styles.scss index 33cf6e6359c1596048746bb862698b3f71d56795..a765fbd07386740104f486abee07e07f44568336 100644 --- a/src/stylesheets/styles.scss +++ b/src/stylesheets/styles.scss @@ -229,7 +229,6 @@ } .toolbar { - padding: 5px; border-top: 2px solid #d0d0d0; .field { diff --git a/src/stylesheets/variables.scss b/src/stylesheets/variables.scss index ec9d882ba1294e16952fd420ea421a94dc0ce48d..92d52bd127889d7b834da2afd18ea60f9a2ef10e 100644 --- a/src/stylesheets/variables.scss +++ b/src/stylesheets/variables.scss @@ -5,12 +5,15 @@ $network-footer-inner-container-height: 25rem; $network-footer-space-button-to-border: 0.5rem; $explorer-network-z: 10; +$explorer-networklegend-z: 20; $explorer-network-toolbar-dropdown-z: 20; $analysis-view-z: 30; $analysis-network-z: 40; +$analysis-network-legend-z: 40; $analysis-network-toolbar-dropdown-z: 50; + $analysis-tab-header-height: 2.5rem; $analysis-tab-header-padding: 1.5rem;