Skip to content

Commit 85eb0c7

Browse files
authored
Make the scrollbar always visible in lookback dropdown (#3048)
## Which problem is this PR solving? - Fixes #469 <img width="442" height="351" alt="Screenshot 2025-08-29 211551" src="https://github.com/user-attachments/assets/18fc86b8-ecec-4c8c-adb8-6a1a359594ae" /> ## Checklist - [x] I have read https://github.com/jaegertracing/jaeger/blob/master/CONTRIBUTING_GUIDELINES.md - [x] I have signed all commits - [ ] I have added unit tests for the new functionality - [x] I have run lint and test steps successfully - for `jaeger`: `make lint test` - for `jaeger-ui`: `npm run lint` and `npm run test` Signed-off-by: Parship Chowdhury <i.am.parship@gmail.com>
1 parent 1c6fe9f commit 85eb0c7

File tree

1 file changed

+19
-0
lines changed

1 file changed

+19
-0
lines changed

packages/jaeger-ui/src/components/SearchTracePage/SearchForm.css

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -58,3 +58,22 @@ limitations under the License.
5858
.SearchForm--tagsHintEg {
5959
color: teal;
6060
}
61+
62+
.ant-select-dropdown .rc-virtual-list-holder {
63+
overflow-y: auto !important;
64+
}
65+
66+
/* ensure scrollbar is always visible, not just on hover */
67+
.ant-select-dropdown::-webkit-scrollbar,
68+
.ant-select-dropdown .rc-virtual-list::-webkit-scrollbar,
69+
.ant-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar {
70+
width: 8px;
71+
background-color: #f1f1f1;
72+
}
73+
74+
.ant-select-dropdown::-webkit-scrollbar-thumb,
75+
.ant-select-dropdown .rc-virtual-list::-webkit-scrollbar-thumb,
76+
.ant-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar-thumb {
77+
background-color: #292929;
78+
border-radius: 4px;
79+
}

0 commit comments

Comments
 (0)