From 279602a65e0a2e2b9e478a6429245fe947a4f7c5 Mon Sep 17 00:00:00 2001
From: Kevin Davila <144152756+KevinDavilaDotCMS@users.noreply.github.com>
Date: Mon, 29 Jan 2024 18:44:03 -0500
Subject: [PATCH] fix(apps): CSS issues #27445 (#27462)

* Solved scroll apps card and avatar on Apps. WIP on scroll issue with textarea

* Fixed css rules
---
 .../dot-apps-card.component.html              | 21 ++++---------------
 .../dot-apps-list.component.scss              | 12 ++++++++---
 2 files changed, 13 insertions(+), 20 deletions(-)

diff --git a/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-list/dot-apps-card/dot-apps-card.component.html b/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-list/dot-apps-card/dot-apps-card.component.html
index 36e0adb74296..89fe29954ff0 100644
--- a/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-list/dot-apps-card/dot-apps-card.component.html
+++ b/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-list/dot-apps-card/dot-apps-card.component.html
@@ -4,24 +4,11 @@
     }"
     (click)="actionFired.emit(app.key)">
     <p-header>
-        <p-avatar
-            *ngIf="app.configurationsCount"
-            [image]="app.iconUrl"
-            [text]="app.name"
-            size="large"
-            dotAvatar></p-avatar>
-        <p-avatar
-            *ngIf="!app.configurationsCount"
-            [image]="app.iconUrl"
-            [text]="app.name"
-            size="large"
-            dotAvatar></p-avatar>
+        <p-avatar [image]="app.iconUrl" [text]="app.name" size="large" dotAvatar></p-avatar>
         <div class="dot-apps-card__label-container">
-            <span class="dot-apps-card__name">
-                {{ app.name }}
-            </span>
-            <span class="dot-apps-card__configurations"
-                >{{
+            <span class="dot-apps-card__name">{{ app.name }}</span>
+            <span class="dot-apps-card__configurations">
+                {{
                     app.configurationsCount
                         ? app.configurationsCount + ' ' + ('apps.configurations' | dm)
                         : ('apps.no.configurations' | dm)
diff --git a/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-list/dot-apps-list.component.scss b/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-list/dot-apps-list.component.scss
index 299249ae22b5..40f95cb7e647 100644
--- a/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-list/dot-apps-list.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-list/dot-apps-list.component.scss
@@ -5,6 +5,10 @@
     height: 100%;
 }
 
+:host ::ng-deep dot-portlet-box {
+    height: 100%;
+}
+
 .dot-apps__header {
     border-bottom: 1px solid $color-palette-gray-200;
     display: flex;
@@ -44,13 +48,15 @@
     grid-gap: $spacing-4;
     grid-template-columns: repeat(auto-fill, minmax(23.42rem, 1fr));
     padding: $spacing-4;
+    overflow: auto;
 }
 
 .dot-apps__container {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    overflow-y: hidden;
     background-color: $white;
     box-shadow: $shadow-m;
-    overflow-y: auto;
     padding-top: $spacing-4;
-    width: 100%;
-    height: 100%;
 }