Merge pull request #11781 from rusikv/enhancement/microsoft-teams-notification

Microsoft Teams notification preview improvements

ui-ngx/src/app/modules/home/pages/notification/sent/sent-notification-dialog.component.html

@@ -230,9 +230,10 @@
             <tb-icon class="tb-mat-18">mdi:microsoft-teams</tb-icon>
             <div class="tb-form-panel-title" translate>notification.delivery-method.microsoft-teams-preview</div>
           </div>
-          <div class="notification-content mini">
+          <div class="notification-content mini" [style.background-color]="preview.processedTemplates.MICROSOFT_TEAMS?.themeColor">
             <div class="subject">{{ preview.processedTemplates.MICROSOFT_TEAMS.subject }}</div>
             {{ preview.processedTemplates.MICROSOFT_TEAMS.body }}
+            <button mat-raised-button>{{ preview.processedTemplates.MICROSOFT_TEAMS.button.text }}</button>
           </div>
         </section>
       </div>

ui-ngx/src/app/modules/home/pages/notification/sent/sent-notification-dialog.component.scss

@@ -190,6 +190,8 @@
       &.mini {
         font-size: 12px;
         line-height: 1.25;
+        justify-content: start;
+        gap: 5px;
 
         .subject {
           font-size: 14px;

ui-ngx/src/app/shared/models/notification.models.ts

@@ -366,6 +366,7 @@ interface SlackDeliveryMethodNotificationTemplate {
 interface MicrosoftTeamsDeliveryMethodNotificationTemplate {
   subject?: string;
   button: NotificationButtonConfig;
+  themeColor?: string;
 }
 
 interface MobileDeliveryMethodNotificationTemplate {