diff --git a/ui.R b/ui.R index 0104bda..68154b0 100644 --- a/ui.R +++ b/ui.R @@ -167,6 +167,25 @@ ui <- function() { .accordion-button:hover h4 { color: #666666 !important; /* Ein weiches Dunkelgrau beim Hovern */ } + .accordion-scroll-container { + /* This says: Max height is 70% of the screen height */ + max-height: 65vh !important; + /* Scrollbar only appears when content is too long */ + overflow-y: auto !important; + overflow-x: hidden !important; + /* Smoothness */ + padding-right: 5px; + /* Adds a little 'breathing room' at the bottom so the last + panel isn't hugging the edge of the card */ + padding-bottom: 50px !important; + /* Ensures the container stays fluid */ + display: block; + } + .accordion-scroll-container::-webkit-scrollbar-thumb { + background: #e2e8f0; /* Very soft grey */ + border: 2px solid #ffffff; /* Gives it a 'floating' look */ + border-radius: 10px; + } ") ) ),