diff --git a/wp-content/themes/apus-theme/assets/css/style.css b/wp-content/themes/apus-theme/assets/css/style.css index 7f84f367..969a5067 100644 --- a/wp-content/themes/apus-theme/assets/css/style.css +++ b/wp-content/themes/apus-theme/assets/css/style.css @@ -749,11 +749,34 @@ img { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); border-radius: 8px; padding: 0.5rem 0; + max-height: 70vh; + overflow-y: auto; + scroll-behavior: smooth; + scrollbar-width: thin; + scrollbar-color: var(--color-gray-400) transparent; +} + +/* Webkit browsers (Chrome, Safari, Edge) scrollbar */ +.dropdown-menu::-webkit-scrollbar { + width: 6px; +} + +.dropdown-menu::-webkit-scrollbar-track { + background: transparent; +} + +.dropdown-menu::-webkit-scrollbar-thumb { + background-color: var(--color-gray-400); + border-radius: 3px; +} + +.dropdown-menu::-webkit-scrollbar-thumb:hover { + background-color: var(--color-gray-500); } .dropdown-item { color: var(--color-neutral-600); - padding: 0.625rem 1.25rem; + padding: 0.5rem 1.25rem; transition: all 0.3s ease; font-weight: 500; }