From c35a8270977c21a788027aa8b13b1ba80ee85027 Mon Sep 17 00:00:00 2001
From: "florian.azizian" <florian.azizian@maarch.org>
Date: Mon, 21 Sep 2020 16:47:39 +0200
Subject: [PATCH] FEAT #13271 TIME 0:30 css search templates
---
.../criteria-tool/criteria-tool.component.html | 7 ++++---
.../criteria-tool/criteria-tool.component.scss | 12 ++++++++++++
2 files changed, 16 insertions(+), 3 deletions(-)
diff --git a/src/frontend/app/adv-search/criteria-tool/criteria-tool.component.html b/src/frontend/app/adv-search/criteria-tool/criteria-tool.component.html
index c6b5e85a9fe..112adfcdbed 100755
--- a/src/frontend/app/adv-search/criteria-tool/criteria-tool.component.html
+++ b/src/frontend/app/adv-search/criteria-tool/criteria-tool.component.html
@@ -29,15 +29,16 @@
</mat-panel-title>
<mat-panel-description class="myCriterias" (click)="$event.stopPropagation()">
<button type="button" mat-button class="button-form-primary" style="width: auto; height: 24px; line-height: 0px;" [matMenuTriggerFor]="IndexingModelsMenu">
- {{'lang.mySearchTemplates' | translate}}
+ {{'lang.mySearchTemplates' | translate}}
+ <i class="fa fa-chevron-down" style="margin: 0 0 0 10px;"></i>
</button>
- <mat-menu #IndexingModelsMenu="matMenu">
+ <mat-menu #IndexingModelsMenu="matMenu" class="searchTemplateMenu">
<div class="menuTitle">
<span>
{{'lang.mySearchTemplates' | translate}}
</span>
<mat-form-field floatLabel="never" appearance="outline" class="smallInput"
- (click)="$event.stopPropagation();" style="width: 220px !important;">
+ (click)="$event.stopPropagation();" style="width: 220px !important; padding-top: 10px;">
<input matInput id="searchTerm" placeholder="{{'lang.filterBy' | translate}}" #listFilter autocomplete="off"
(click)="$event.stopPropagation();" (keydown)="$event.stopPropagation()">
</mat-form-field>
diff --git a/src/frontend/app/adv-search/criteria-tool/criteria-tool.component.scss b/src/frontend/app/adv-search/criteria-tool/criteria-tool.component.scss
index 5ce7c817717..bb01ad85187 100644
--- a/src/frontend/app/adv-search/criteria-tool/criteria-tool.component.scss
+++ b/src/frontend/app/adv-search/criteria-tool/criteria-tool.component.scss
@@ -105,3 +105,15 @@
flex-grow: 0;
margin-right: 0px;
}
+
+::ng-deep.searchTemplateMenu.mat-menu-panel {
+ max-width: 400px !important;
+}
+
+.menuTitle {
+ display: flex;
+ padding-left: 20px;
+ align-items: center;
+ color: #135f7f;
+ font-weight: bold;
+}
\ No newline at end of file
--
GitLab