From e260e9c3ba140c40e59c7e9f523616318e4c7178 Mon Sep 17 00:00:00 2001
From: OZGCloud <ozgcloud@mgm-tp.com>
Date: Fri, 18 Nov 2022 11:25:10 +0100
Subject: [PATCH] OZG-2966 OZG-3177 Improve download button UI
---
.../postfach-mail-list/postfach-mail-list.component.scss | 2 +-
.../postfach-mail-pdf-button-container.component.scss | 5 +++++
.../button-with-spinner/button-with-spinner.component.html | 2 +-
.../button-with-spinner/button-with-spinner.component.scss | 7 ++++++-
4 files changed, 13 insertions(+), 3 deletions(-)
diff --git a/goofy-client/libs/postfach/src/lib/postfach-mail-list-container/postfach-mail-list/postfach-mail-list.component.scss b/goofy-client/libs/postfach/src/lib/postfach-mail-list-container/postfach-mail-list/postfach-mail-list.component.scss
index 8eb33b8819..3ec3a52b5d 100644
--- a/goofy-client/libs/postfach/src/lib/postfach-mail-list-container/postfach-mail-list/postfach-mail-list.component.scss
+++ b/goofy-client/libs/postfach/src/lib/postfach-mail-list-container/postfach-mail-list/postfach-mail-list.component.scss
@@ -51,7 +51,7 @@ h3 {
font-weight: 500;
}
-.nachrichten {
+.nachrichten-header {
border-top: 1px solid rgba(0, 0, 0, 0.08);
margin-top: 16px;
}
diff --git a/goofy-client/libs/postfach/src/lib/postfach-mail-pdf-button-container/postfach-mail-pdf-button-container.component.scss b/goofy-client/libs/postfach/src/lib/postfach-mail-pdf-button-container/postfach-mail-pdf-button-container.component.scss
index 9a08a5aabc..c2475463f1 100644
--- a/goofy-client/libs/postfach/src/lib/postfach-mail-pdf-button-container/postfach-mail-pdf-button-container.component.scss
+++ b/goofy-client/libs/postfach/src/lib/postfach-mail-pdf-button-container/postfach-mail-pdf-button-container.component.scss
@@ -21,3 +21,8 @@
* Die sprachspezifischen Genehmigungen und Beschränkungen
* unter der Lizenz sind dem Lizenztext zu entnehmen.
*/
+
+ :host {
+ display: block;
+ margin: 16px 24px;
+ }
\ No newline at end of file
diff --git a/goofy-client/libs/ui/src/lib/ui/button-with-spinner/button-with-spinner.component.html b/goofy-client/libs/ui/src/lib/ui/button-with-spinner/button-with-spinner.component.html
index c20937a710..e66aa2794e 100644
--- a/goofy-client/libs/ui/src/lib/ui/button-with-spinner/button-with-spinner.component.html
+++ b/goofy-client/libs/ui/src/lib/ui/button-with-spinner/button-with-spinner.component.html
@@ -25,7 +25,7 @@
-->
<button mat-stroked-button data-test-class="icon-button" [attr.data-test-id]="dataTestId"
[color]="color" [type]="type" [disabled]="isDisabled" [matTooltip]="toolTip"
- (click)="clickEmitter.emit($event)">
+ [class.with-text]="text" (click)="clickEmitter.emit($event)">
<mat-icon *ngIf="icon" data-test-class="icon"
[style.visibility]="isDisabled ? 'hidden' : 'visible'">
diff --git a/goofy-client/libs/ui/src/lib/ui/button-with-spinner/button-with-spinner.component.scss b/goofy-client/libs/ui/src/lib/ui/button-with-spinner/button-with-spinner.component.scss
index 5f936c661d..c4dea65393 100644
--- a/goofy-client/libs/ui/src/lib/ui/button-with-spinner/button-with-spinner.component.scss
+++ b/goofy-client/libs/ui/src/lib/ui/button-with-spinner/button-with-spinner.component.scss
@@ -39,5 +39,10 @@ goofy-client-spinner {
}
button {
- min-width: 54px;
+ min-width: 36px;
+ min-height: 36px;
+ padding: 0;
+ &.with-text {
+ padding: 0 15px;
+ }
}
\ No newline at end of file
--
GitLab