Add toggle functionality for competitors list and enhance styling

This commit is contained in:
vista-man
2025-03-27 12:28:57 +01:00
parent 83f36a86ec
commit ce003d85b2
3 changed files with 43 additions and 2 deletions

View File

@@ -568,3 +568,27 @@ div#not-found-message {
justify-content: center;
gap: 10px;
}
.collapsible {
transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
overflow: hidden;
}
.collapsible.hidden {
max-height: 0;
opacity: 0;
}
.toggle-button {
background-color: var(--identity-primary);
color: var(--grayscale-white);
border: none;
border-radius: 5px;
padding: 5px 10px;
cursor: pointer;
font-size: var(--body2-font-size);
}
.toggle-button:hover {
background-color: darken(var(--identity-primary), 10%);
}