mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2025-01-09 09:47:28 +03:00
Code Issues Projects Releases Packages Wiki Activity

Formatted scrollbar in date picker for time component

Browse source
This commit is contained in:
Alejandro Celaya 2022-10-23 10:22:31 +02:00
parent 3cb79c167e
commit 10d3deff37
1 changed files with 13 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/utils/DateInput.scss
View file

@ -94,7 +94,20 @@
} }
.react-datepicker__time-list.react-datepicker__time-list { .react-datepicker__time-list.react-datepicker__time-list {
/* Forefox scrollbar */
scrollbar-color: rgba(0, 0, 0, 0.5) var(--secondary-color);
scrollbar-width: thin;
/* Chrome webkit scrollbar */
&::-webkit-scrollbar {
width: 10px;
background-color: var(--secondary-color);
}
&::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 0.5rem;
}
} }
.react-datepicker-popper.react-datepicker-popper { .react-datepicker-popper.react-datepicker-popper {