From 9d2e545f89e79225df46ea21f773deb727bf0c1d Mon Sep 17 00:00:00 2001
From: Alex ORLUC <alex.orluc@maarch.org>
Date: Thu, 24 Oct 2019 10:30:19 +0200
Subject: [PATCH] FEAT #12091 TIME 0:30 fix csss
---
.../indexing-form/indexing-form.component.scss | 14 +++++++++++---
.../app/viewer/document-viewer.component.html | 4 ++--
2 files changed, 13 insertions(+), 5 deletions(-)
diff --git a/src/frontend/app/indexation/indexing-form/indexing-form.component.scss b/src/frontend/app/indexation/indexing-form/indexing-form.component.scss
index 534a213b11f..9cd4309fbcb 100644
--- a/src/frontend/app/indexation/indexing-form/indexing-form.component.scss
+++ b/src/frontend/app/indexation/indexing-form/indexing-form.component.scss
@@ -261,9 +261,9 @@
font-size: 1em;
}
- background: white;
- border: solid 1px $primary;
- color: $primary;
+ background: $primary;
+ border: solid 1px white;
+ color: white;
border-radius: 30px;
padding: 5px;
padding-left: 20px;
@@ -271,6 +271,14 @@
width: 240px;
transition: all 0.1s;
+ &:hover, &[aria-expanded=true] {
+ background: white !important;
+ border: solid 1px white !important;
+ color: $primary !important;
+ transition: all 0.1s;
+
+ }
+
::ng-deep.mat-button-wrapper {
display: flex;
align-items: center;
diff --git a/src/frontend/app/viewer/document-viewer.component.html b/src/frontend/app/viewer/document-viewer.component.html
index 4c1ddd2b7a0..109f812940c 100644
--- a/src/frontend/app/viewer/document-viewer.component.html
+++ b/src/frontend/app/viewer/document-viewer.component.html
@@ -6,7 +6,7 @@
<i class="fa fa-file-upload upload-icon"></i><br />
Glisser-déposer<br />ou
<div style="display: flex;">
- <button mat-button class="button-form-primary" [matMenuTriggerFor]="menu"
+ <button mat-button class="button-form-primary-alt" [matMenuTriggerFor]="menu"
style="margin-right:20px;align-items: center;justify-content: center;text-align: center;display: flex;">
<span class="menu-label">
Choisir un modèle
@@ -17,7 +17,7 @@
<button mat-menu-item>Modèle 1</button>
<button mat-menu-item>Modèle 2</button>
</mat-menu>
- <button mat-button (click)="docToUpload.click()" class="button-form-primary"
+ <button mat-button (click)="docToUpload.click()" class="button-form-primary-alt"
style="align-items: center;justify-content: center;text-align: center;display: flex;">Choisissez
votre fichier</button>
</div>
--
GitLab