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 {
|
.accordion-button:hover h4 {
|
||||||
color: #666666 !important; /* Ein weiches Dunkelgrau beim Hovern */
|
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