From 8193e707238c49f32105f13e1b07c41599452c72 Mon Sep 17 00:00:00 2001
From: Alex ORLUC <alex.orluc@maarch.org>
Date: Wed, 3 Apr 2019 10:58:41 +0200
Subject: [PATCH] FEAT #9906 fix note template list title
---
.../app/notes/note-editor.component.html | 16 ++++++++++------
.../app/notes/note-editor.component.scss | 13 +++++++++++--
2 files changed, 21 insertions(+), 8 deletions(-)
diff --git a/src/frontend/app/notes/note-editor.component.html b/src/frontend/app/notes/note-editor.component.html
index e48543a2533..b78538f7812 100644
--- a/src/frontend/app/notes/note-editor.component.html
+++ b/src/frontend/app/notes/note-editor.component.html
@@ -1,16 +1,20 @@
-<mat-form-field appearance="outline">
+<mat-form-field appearance="outline" class="noteEditorContent">
<textarea matInput placeholder="{{lang.addNote}}" [(ngModel)]="content"></textarea>
- <button *ngIf="addMode" matSuffix mat-icon-button title="{{lang.send}}" (click)="addNote()" [disabled]="content.trim() == ''">
+ <button *ngIf="addMode" matSuffix mat-icon-button title="{{lang.send}}" (click)="addNote()"
+ [disabled]="content.trim() == ''">
<mat-icon fontSet="far" fontIcon="fa-paper-plane fa-2x" style="color: #666;"></mat-icon>
</button>
- <button matSuffix color="primary" mat-icon-button title="{{lang.noteTemplates}}" [matMenuTriggerFor]="menu" (click)="getTemplatesNote()">
+ <button matSuffix color="primary" mat-icon-button title="{{lang.noteTemplates}}" [matMenuTriggerFor]="menu"
+ (click)="getTemplatesNote()">
<mat-icon fontSet="fas" fontIcon="fa-file-alt fa-2x"></mat-icon>
</button>
- <mat-menu #menu="matMenu">
- <div style="text-align: center;font-size: 10px;opacity: 0.5;margin-top:-15px;">
+ <mat-menu #menu="matMenu" [class]="'templateNoteListMenu'">
+ <div
+ style="text-align: center;font-size: 10px;color: white;background: #135F7F;padding: 5px;font-weight: bold;">
{{lang.noteTemplates}}
</div>
- <button mat-menu-item *ngFor="let template of templatesNote" matTooltip="{{template.template_content}}" matTooltipPosition="left" (click)="selectTemplate(template)">
+ <button mat-menu-item *ngFor="let template of templatesNote" matTooltip="{{template.template_content}}"
+ matTooltipPosition="left" (click)="selectTemplate(template)">
<span>{{template.template_label}}</span>
</button>
</mat-menu>
diff --git a/src/frontend/app/notes/note-editor.component.scss b/src/frontend/app/notes/note-editor.component.scss
index 302b5f1e0f4..6def31b0f81 100644
--- a/src/frontend/app/notes/note-editor.component.scss
+++ b/src/frontend/app/notes/note-editor.component.scss
@@ -1,5 +1,14 @@
-.mat-icon-button:disabled {
- opacity: 0.5;
+.noteEditorContent {
+ .mat-icon-button:disabled {
+ opacity: 0.5;
+ }
+}
+
+::ng-deep.templateNoteListMenu {
+ .mat-menu-content {
+ padding-top: 0;
+ padding-bottom: 0;
+ }
}
::ng-deep.mat-tooltip {
--
GitLab