From b683b8fa7e0fc1750ed850898fbafe5fd1114f08 Mon Sep 17 00:00:00 2001
From: OZGCloud <ozgcloud@mgm-tp.com>
Date: Tue, 29 Jun 2021 13:46:45 +0200
Subject: [PATCH] =?UTF-8?q?OZG-297=20styling=20anh=C3=A4nge=20in=20form?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../ozg-file/ozg-file.component.html | 2 +-
.../ozg-file/ozg-file.component.scss | 22 +++++++++++++++++++
2 files changed, 23 insertions(+), 1 deletion(-)
diff --git a/goofy-client/libs/ozg-file/src/lib/ozg-file-container/ozg-file/ozg-file.component.html b/goofy-client/libs/ozg-file/src/lib/ozg-file-container/ozg-file/ozg-file.component.html
index 8f4d4dbecf..8ec634e662 100644
--- a/goofy-client/libs/ozg-file/src/lib/ozg-file-container/ozg-file/ozg-file.component.html
+++ b/goofy-client/libs/ozg-file/src/lib/ozg-file-container/ozg-file/ozg-file.component.html
@@ -1,4 +1,4 @@
-<div class="container">
+<div class="container" [ngClass]="{ 'deletable': deletable}">
<button
[matTooltip]="file.name"
matTooltipClass="word-break"
diff --git a/goofy-client/libs/ozg-file/src/lib/ozg-file-container/ozg-file/ozg-file.component.scss b/goofy-client/libs/ozg-file/src/lib/ozg-file-container/ozg-file/ozg-file.component.scss
index 8aa781df04..0fc970ac7e 100644
--- a/goofy-client/libs/ozg-file/src/lib/ozg-file-container/ozg-file/ozg-file.component.scss
+++ b/goofy-client/libs/ozg-file/src/lib/ozg-file-container/ozg-file/ozg-file.component.scss
@@ -4,6 +4,7 @@
justify-content: flex-start;
position: relative;
padding: 4px;
+ font-size: 14px;
}
.container {
@@ -17,6 +18,7 @@
background-color: transparent;
padding: 0 8px 0 2px;
border-radius: 14px;
+ line-height: 26px;
white-space: nowrap;
display: flex;
align-items: center;
@@ -49,6 +51,8 @@
opacity: 0.40;
padding: 0 4px;
transform: scale(0.9);
+ display: flex;
+ align-items: center;
}
.name {
@@ -90,3 +94,21 @@ goofy-client-icon-button-with-spinner {
display: block;
margin: -12px 0;
}
+
+.deletable {
+ .container {
+ border-radius: 16px;
+ }
+
+ .file {
+ width: calc(100% - 40px);
+ padding: 0 0 0 2px;
+ line-height: 32px;
+ }
+
+ .mat-icon {
+ width: 32px;
+ padding: 6px;
+ }
+}
+
--
GitLab