Feature/3288/Adjust logos (#3302)

* Adjust cc logo and version size, remove MW logo #3288
MaibornWolff · May 16, 2023 · 020fcc4 · 020fcc4
1 parent 53be6d2
commit 020fcc4
Show file tree

Hide file tree

Showing 6 changed files with 200,979 additions and 41,934 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -23,7 +23,8 @@ and this project adheres to [Semantic Versioning](http://semver.org/)
 
 ### Changed
 
--   Adjusted documentation for parser suggestions [#3287](https://github.com/MaibornWolff/codecharta/pull/3287) </br>
+-   Adjusted documentation for parser suggestions [#3287](https://github.com/MaibornWolff/codecharta/pull/3287)
+-   Make the size of the CodeCharta logo more suitable for any screen size and remove MaibornWolff logo [#3302](https://github.com/MaibornWolff/codecharta/pull/3302)
 
 ### Chore 👨‍💻 👩‍💻
 

diff --git a/visualization/app/codeCharta/codeCharta.component.html b/visualization/app/codeCharta/codeCharta.component.html
@@ -10,17 +10,10 @@
 
 	<cc-loading-file-progress-spinner></cc-loading-file-progress-spinner>
 
-	<div id="logos">
-		<div class="logos-wrapper">
-			<a href="https://github.com/MaibornWolff/codecharta" target="_blank" rel="noopener noreferrer">
-				<img src="codeCharta/assets/codecharta_logo.svg" alt="CodeCharta" rel="noopener noreferrer"
-			/></a>
-			<a id="mw-logo" href="https://www.maibornwolff.de" target="_blank" rel="noopener noreferrer">
-				<img src="codeCharta/assets/logo.png" alt="MaibornWolff" rel="noopener noreferrer"
-			/></a>
-		</div>
-		<h2>
-			<span>CodeCharta Version {{ version }}</span>
-		</h2>
+	<div id="logo">
+		<a href="https://github.com/MaibornWolff/codecharta" target="_blank" rel="noopener noreferrer">
+			<img src="codeCharta/assets/codecharta_logo.svg" alt="CodeCharta" rel="noopener noreferrer"
+		/></a>
+		<h2>Version {{ version }}</h2>
 	</div>
 </div>
diff --git a/visualization/app/codeCharta/codeCharta.component.scss b/visualization/app/codeCharta/codeCharta.component.scss
@@ -2,36 +2,26 @@
 @import "../mixins.scss";
 
 cc-code-charta {
-	#logos {
+	#logo {
 		display: flex;
 		flex-direction: column;
 		position: absolute;
 		left: 2em;
-		bottom: 2em;
+		bottom: 1em;
 		z-index: 1;
-		.logos-wrapper {
-			display: flex;
-			flex-direction: row;
-			align-content: center;
-			align-items: center;
-			gap: 1em;
-		}
+
 		img {
 			object-fit: contain;
-			height: 100px;
-		}
-		#mw-logo {
-			img {
-				height: 58px;
-			}
+			max-width: 100%;
+			height: auto;
 		}
+
 		h2 {
 			color: #5a585a;
-			font-weight: 600;
-			font-size: 14px;
+			font-weight: bold;
+			font-size: 10px;
 			text-align: center;
 			margin: 0;
-			margin-top: 9px;
 			z-index: -1;
 		}
 	}