From c0bd342f989cb9eae3f20f95b46109c7f9d98a3b Mon Sep 17 00:00:00 2001
From: Florent Poittevin <florent.poittevin@unige.ch>
Date: Thu, 24 Oct 2019 15:38:46 +0200
Subject: [PATCH] style: fix animation banner status deposit
---
.../deposit-detail.routable.html | 11 +++++-----
.../deposit-detail.routable.scss | 22 +++++++++++--------
2 files changed, 19 insertions(+), 14 deletions(-)
diff --git a/src/app/features/deposit/components/routables/deposit-detail/deposit-detail.routable.html b/src/app/features/deposit/components/routables/deposit-detail/deposit-detail.routable.html
index f46bfcd77..51ea838b5 100644
--- a/src/app/features/deposit/components/routables/deposit-detail/deposit-detail.routable.html
+++ b/src/app/features/deposit/components/routables/deposit-detail/deposit-detail.routable.html
@@ -1,9 +1,10 @@
-<div *ngIf="filesRetrieve(listDataFileObs | async) && !canSubmit(listDataFileObs | async)"
- class="alert"
->
- {{message| translate}}
+<div class="alert-wrapper">
+ <div *ngIf="filesRetrieve(listDataFileObs | async) && !canSubmit(listDataFileObs | async)"
+ class="alert"
+ >
+ {{message| translate}}
+ </div>
</div>
-
<dlcm-shared-button-status-history class="history"
(showHistory)="showHistory()"
></dlcm-shared-button-status-history>
diff --git a/src/app/features/deposit/components/routables/deposit-detail/deposit-detail.routable.scss b/src/app/features/deposit/components/routables/deposit-detail/deposit-detail.routable.scss
index 7a3f8a340..4555f6bd5 100644
--- a/src/app/features/deposit/components/routables/deposit-detail/deposit-detail.routable.scss
+++ b/src/app/features/deposit/components/routables/deposit-detail/deposit-detail.routable.scss
@@ -15,16 +15,20 @@
}
}
+.alert-wrapper {
+ height: 30px;
+ padding-bottom: 10px;
+ margin: -25px -25px 0;
-.alert {
- background-color: $warning;
- color: $white;
- font-weight: bold;
- text-align: center;
- margin: -25px -25px 15px;
- padding: 5px;
- box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
- animation: appear 1s;
+ .alert {
+ background-color: $warning;
+ color: $white;
+ font-weight: bold;
+ text-align: center;
+ padding: 5px;
+ box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
+ animation: appear 0.25s;
+ }
}
.success {
--
GitLab