feat: make long resource descriptions scrollable

Accenture · Nov 9, 2024 · 119400a · 119400a
1 parent 130b51a
commit 119400a
Showing 1 changed file with 16 additions and 4 deletions.
diff --git a/src/app/components/marketplace/marketplace.component.scss b/src/app/components/marketplace/marketplace.component.scss
@@ -29,10 +29,6 @@
     font-weight: 700;
 }
 
-.resource-description {
-    background-color: white;
-}
-
 mat-card-title {
     font-weight: bold;
 }
@@ -66,3 +62,19 @@ mat-divider {
 .carousel-counter {
     font-weight: bold;
 }
+
+.resource-description {
+    background-color: white;
+    max-height: 300px;
+    overflow-y: auto;
+    padding-right: 5px;
+}
+
+.resource-description::-webkit-scrollbar {
+    width: 6px;
+}
+
+.resource-description::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 0, 0, 0.3);
+    border-radius: 3px;
+}