From 119400afd32081192656e99a81c4e4b40b7a31b8 Mon Sep 17 00:00:00 2001 From: John Hoffmann Date: Sat, 9 Nov 2024 11:05:33 +0100 Subject: [PATCH] feat: make long resource descriptions scrollable --- .../marketplace/marketplace.component.scss | 20 +++++++++++++++---- 1 file changed, 16 insertions(+), 4 deletions(-) diff --git a/src/app/components/marketplace/marketplace.component.scss b/src/app/components/marketplace/marketplace.component.scss index 9f91f7d..3edcea4 100644 --- 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; +}