Adjusts small alignment issues

Adds changelog entry #1952
MaibornWolff · May 5, 2021 · 7744a4b · 7744a4b
1 parent bccab35
commit 7744a4b
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/)
 
 ## [unreleased] (Added 🚀 | Changed | Removed 🗑 | Fixed 🐞 | Chore 👨‍💻 👩‍💻)
 
+### Fixed
+
+-   Ribbons resizing when expanding
+
 ### Chore 👨‍💻 👩‍💻
 
 -   Fix breaking changes with newest three-js version([#1877](https://github.com/MaibornWolff/codecharta/issues/1877))

diff --git a/visualization/app/codeCharta/ui/colorSettingsPanel/colorSettingsPanel.component.scss b/visualization/app/codeCharta/ui/colorSettingsPanel/colorSettingsPanel.component.scss
@@ -16,6 +16,11 @@ color-settings-panel-component {
 	top: 45px;
 	right: 0;
 
+	range-slider-component {
+		margin-top: 4px;
+		margin-left: 3px;
+	}
+
 	.wrapper {
 		margin-left: 3px;
 	}

diff --git a/visualization/app/codeCharta/ui/ribbonBar/ribbonBar.component.scss b/visualization/app/codeCharta/ui/ribbonBar/ribbonBar.component.scss
@@ -24,7 +24,7 @@ ribbon-bar-component {
 			height: 100%;
 			border-right: $border;
 			vertical-align: top;
-			flex-grow: 100;
+			overflow: hidden;
 
 			.section-header {
 				height: 31px;