Changes the visibility of the center map button to be permanently vis…

…ible Fixes the alignment of the invert colors checkbox Adds a horizontal rule above the selected color in the legend panel #1881
MaibornWolff · Apr 27, 2021 · f095788 · f095788
1 parent 14504b7
commit f095788
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 4 deletions.
diff --git a/visualization/app/codeCharta/ui/centerMapButton/centerMapButton.component.html b/visualization/app/codeCharta/ui/centerMapButton/centerMapButton.component.html
@@ -1,4 +1,4 @@
-<div id="centerMap" ng-show="!$ctrl._viewModel.isMapCentered" ng-class="$ctrl._viewModel.isMapCentered ? 'invisible' : 'visible'">
+<div id="centerMap">
 	<md-button class="md-fab md-primary cc-shadow" aria-label="Fit Map to View" ng-click="$ctrl.fitMapToView()" title="Center map">
 		<i class="fa fa-compass fa-2x"></i>
 	</md-button>

diff --git a/visualization/app/codeCharta/ui/colorSettingsPanel/colorSettingsPanel.component.scss b/visualization/app/codeCharta/ui/colorSettingsPanel/colorSettingsPanel.component.scss
@@ -1,4 +1,9 @@
 color-settings-panel-component {
+
+  md-checkbox {
+    margin-left: -4px;
+  }
+
 	md-card .section .section-body md-checkbox {
 		font-size: 0.9em;
 	}

diff --git a/visualization/app/codeCharta/ui/edgeSettingsPanel/edgeSettingsPanel.component.html b/visualization/app/codeCharta/ui/edgeSettingsPanel/edgeSettingsPanel.component.html
@@ -64,7 +64,7 @@
 <cc-store-color-picker map-color-for="outgoingEdge" label="Outgoing Edge"> </cc-store-color-picker>
 <cc-store-color-picker map-color-for="incomingEdge" label="Incoming Edge"> </cc-store-color-picker>
 
-<md-input-container>
+<md-input-container class="exclude-edgeless-nodes">
 	<md-checkbox
 		class="md-primary"
 		ng-model="$ctrl._viewModel.showOnlyBuildingsWithEdges"

diff --git a/visualization/app/codeCharta/ui/legendPanel/legendPanel.component.html b/visualization/app/codeCharta/ui/legendPanel/legendPanel.component.html
@@ -19,7 +19,7 @@
 		<cc-store-color-picker map-color-for="positiveDelta" label="+&Delta;"> </cc-store-color-picker>
 		<cc-store-color-picker map-color-for="negativeDelta" label="-&Delta;"> </cc-store-color-picker>
 	</div>
-
+  <hr />
 	<cc-store-color-picker map-color-for="selected" label="selected"> </cc-store-color-picker>
 	<hr />
 	<cc-store-color-picker map-color-for="outgoingEdge" label="Outgoing Edge"> </cc-store-color-picker>

diff --git a/visualization/app/codeCharta/ui/ribbonBar/ribbonBar.component.scss b/visualization/app/codeCharta/ui/ribbonBar/ribbonBar.component.scss
@@ -109,7 +109,6 @@ ribbon-bar-component {
 
 				md-checkbox {
 					font-size: 10pt;
-					margin-left: 5px;
 				}
 
 				reset-settings-button-component .md-button {