Spaces:
Paused
Paused
File size: 2,160 Bytes
3647b02 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 |
/*
* SPDX-FileCopyrightText: Copyright (c) 2025 NVIDIA CORPORATION & AFFILIATES. All rights reserved.
* SPDX-License-Identifier: Apache-2.0
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.wrapper {
width: 100%;
height: 400px; /* Same as max-height of container */
display: flex;
flex-direction: column;
}
.content {
width: 100%;
height: 100%;
opacity: 0;
transform: translateY(10px);
animation: fadeIn 0.3s ease-out forwards;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.container {
width: 100%;
max-height: 400px;
min-height: 0; /* Allows container to shrink below max-height */
display: flex;
flex-direction: column;
background-color: rgb(243 244 246);
border-radius: 1rem;
overflow: hidden;
transition: all 0.3s ease-out;
}
.list {
flex: 1;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
transition: all 0.3s ease-out;
}
.list::-webkit-scrollbar {
display: none;
}
.list:hover {
scrollbar-width: thin;
-ms-overflow-style: auto;
}
.list:hover::-webkit-scrollbar {
display: block;
width: 8px;
}
.list:hover::-webkit-scrollbar-track {
background: rgb(229 231 235);
border-radius: 4px;
}
.list:hover::-webkit-scrollbar-thumb {
background: rgb(156 163 175);
border-radius: 4px;
}
/* Dark mode styles */
@media (prefers-color-scheme: dark) {
.container {
background-color: rgb(31 41 55);
}
.list:hover::-webkit-scrollbar-track {
background: rgb(55 65 81);
}
.list:hover::-webkit-scrollbar-thumb {
background: rgb(107 114 128);
}
}
|