From 9ebae33a3bb2ac0fed2637dafc18d23da0dbfb74 Mon Sep 17 00:00:00 2001
From: Valentin Mihai <valentin@devplant.ro>
Date: Tue, 23 May 2023 22:21:07 +0300
Subject: [PATCH] RED-6012 - added tooltips

---
 .../watermark-screen/watermark-screen.component.html          | 4 ++++
 .../app/modules/admin/screens/watermark/watermark.module.ts   | 2 ++
 2 files changed, 6 insertions(+)

diff --git a/apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen/watermark-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen/watermark-screen.component.html
index 050bd5ee1..eb02b8739 100644
--- a/apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen/watermark-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen/watermark-screen.component.html
@@ -60,6 +60,8 @@
                         class="alignment"
                         [class.active]="currentAlignment.horizontal === alignment"
                         [ngClass]="'horizontal-' + alignment.toLowerCase()"
+                        [matTooltip]="translations.HORIZONTAL[alignment] | translate"
+                        [matTooltipPosition]="'above'"
                         (click)="alignHorizontally(alignment)"
                     >
                         <mat-icon [svgIcon]="'red:align-horizontal-' + alignment.toLowerCase()"></mat-icon>
@@ -71,6 +73,8 @@
                         class="alignment"
                         [class.active]="currentAlignment.vertical === alignment"
                         [ngClass]="'vertical-' + alignment.toLowerCase()"
+                        [matTooltip]="translations.VERTICAL[alignment] | translate"
+                        [matTooltipPosition]="'above'"
                         (click)="alignVertically(alignment)"
                     >
                         <mat-icon [svgIcon]="'red:align-vertical-' + alignment.toLowerCase()"></mat-icon>
diff --git a/apps/red-ui/src/app/modules/admin/screens/watermark/watermark.module.ts b/apps/red-ui/src/app/modules/admin/screens/watermark/watermark.module.ts
index 02c8c9e28..9df82e8c9 100644
--- a/apps/red-ui/src/app/modules/admin/screens/watermark/watermark.module.ts
+++ b/apps/red-ui/src/app/modules/admin/screens/watermark/watermark.module.ts
@@ -26,6 +26,7 @@ import { ReactiveFormsModule } from '@angular/forms';
 import { MatLegacySliderModule } from '@angular/material/legacy-slider';
 import { ColorPickerModule } from 'ngx-color-picker';
 import { MatLegacySlideToggleModule } from '@angular/material/legacy-slide-toggle';
+import { MatTooltipModule } from '@angular/material/tooltip';
 
 const routes: IqserRoutes = [
     {
@@ -73,6 +74,7 @@ const routes: IqserRoutes = [
         HasScrollbarDirective,
         IqserAllowDirective,
         TenantPipe,
+        MatTooltipModule,
     ],
 })
 export class WatermarkModule {}