Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

RED-6012 - added tooltips

Browse Source
This commit is contained in:
Valentin Mihai 2023-05-23 22:21:07 +03:00
parent d9904e1d13
commit 9ebae33a3b
2 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen/watermark-screen.component.html
View File

@ -60,6 +60,8 @@
class="alignment" class="alignment"
[class.active]="currentAlignment.horizontal === alignment" [class.active]="currentAlignment.horizontal === alignment"
[ngClass]="'horizontal-' + alignment.toLowerCase()" [ngClass]="'horizontal-' + alignment.toLowerCase()"
[matTooltip]="translations.HORIZONTAL[alignment] | translate"
[matTooltipPosition]="'above'"
(click)="alignHorizontally(alignment)" (click)="alignHorizontally(alignment)"
> >
<mat-icon [svgIcon]="'red:align-horizontal-' + alignment.toLowerCase()"></mat-icon> <mat-icon [svgIcon]="'red:align-horizontal-' + alignment.toLowerCase()"></mat-icon>
@ -71,6 +73,8 @@
class="alignment" class="alignment"
[class.active]="currentAlignment.vertical === alignment" [class.active]="currentAlignment.vertical === alignment"
[ngClass]="'vertical-' + alignment.toLowerCase()" [ngClass]="'vertical-' + alignment.toLowerCase()"
[matTooltip]="translations.VERTICAL[alignment] | translate"
[matTooltipPosition]="'above'"
(click)="alignVertically(alignment)" (click)="alignVertically(alignment)"
> >
<mat-icon [svgIcon]="'red:align-vertical-' + alignment.toLowerCase()"></mat-icon> <mat-icon [svgIcon]="'red:align-vertical-' + alignment.toLowerCase()"></mat-icon>

2
apps/red-ui/src/app/modules/admin/screens/watermark/watermark.module.ts
View File

@ -26,6 +26,7 @@ import { ReactiveFormsModule } from '@angular/forms';
import { MatLegacySliderModule } from '@angular/material/legacy-slider'; import { MatLegacySliderModule } from '@angular/material/legacy-slider';
import { ColorPickerModule } from 'ngx-color-picker'; import { ColorPickerModule } from 'ngx-color-picker';
import { MatLegacySlideToggleModule } from '@angular/material/legacy-slide-toggle'; import { MatLegacySlideToggleModule } from '@angular/material/legacy-slide-toggle';
import { MatTooltipModule } from '@angular/material/tooltip';
const routes: IqserRoutes = [ const routes: IqserRoutes = [
{ {
@ -73,6 +74,7 @@ const routes: IqserRoutes = [
HasScrollbarDirective, HasScrollbarDirective,
IqserAllowDirective, IqserAllowDirective,
TenantPipe, TenantPipe,
MatTooltipModule,
], ],
}) })
export class WatermarkModule {} export class WatermarkModule {}