Add scroll bar to accordion tab
This commit is contained in:
19
ui.R
19
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;
|
||||
}
|
||||
")
|
||||
)
|
||||
),
|
||||
|
||||
Reference in New Issue
Block a user