Add new button tag #2963

MaibornWolff · Feb 16, 2023 · 3599b87 · 3599b87
1 parent 5462d28
commit 3599b87
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/visualization/app/codeCharta/ui/ribbonBar/ribbonBar.component.html b/visualization/app/codeCharta/ui/ribbonBar/ribbonBar.component.html
@@ -19,7 +19,8 @@
 	</div>
 </mat-card>
 
-<mat-card *ngIf="experimentalFeaturesEnabled$ | async" id="ai-card" class="ai-card">
+<mat-card id="ai-card" class="ai-card">
+	<span class="badge-ai">New</span>
 	<div class="section">
 		<div class="section-header">
 			<cc-artificial-intelligence></cc-artificial-intelligence>

diff --git a/visualization/app/codeCharta/ui/ribbonBar/ribbonBar.component.scss b/visualization/app/codeCharta/ui/ribbonBar/ribbonBar.component.scss
@@ -33,6 +33,17 @@ cc-ribbon-bar {
 		line-height: 10px;
 	}
 
+	.badge-ai {
+		position: absolute;
+		top: -5px;
+		padding: 4px 6px;
+		border-radius: 50%;
+		background: red;
+		color: white;
+		font-size: 10px;
+		line-height: 10px;
+	}
+
 	.cc-ribbon-bar-menu-button {
 		height: 22px;
 		line-height: 22px;