diff options
| author | rohan09-raj <rajrohan1914@gmail.com> | 2024-03-01 19:30:21 +0530 |
|---|---|---|
| committer | Blaster4385 <blaster4385@tablaster.dev> | 2024-04-30 11:10:37 +0530 |
| commit | 639f1748403dfb3a7c8cfc4f0dcca70bc4850473 (patch) | |
| tree | ce31df16b20238340c691ed6cf4f2472ce0dc684 | |
| parent | cafb4b0b6f565706a8b68837f599c83e706f6700 (diff) | |
feat: made language dropdown scrollable
| -rw-r--r-- | client/src/components/CustomSelect/CustomSelect.module.css | 4 | ||||
| -rw-r--r-- | client/src/index.css | 29 |
2 files changed, 32 insertions, 1 deletions
diff --git a/client/src/components/CustomSelect/CustomSelect.module.css b/client/src/components/CustomSelect/CustomSelect.module.css index 81f9e62..4b5f1a4 100644 --- a/client/src/components/CustomSelect/CustomSelect.module.css +++ b/client/src/components/CustomSelect/CustomSelect.module.css @@ -20,6 +20,8 @@ position: absolute; top: 140%; left: 0; + height: 400px; + overflow-y: auto; width: 100%; border: none; border-radius: 10px; @@ -34,7 +36,7 @@ cursor: pointer; transition: all 0.3s ease; &:hover { - scale: 1.1; + scale: 0.9; } &:last-child { border-bottom: none; diff --git a/client/src/index.css b/client/src/index.css index 777afd8..2c7597e 100644 --- a/client/src/index.css +++ b/client/src/index.css @@ -24,3 +24,32 @@ h1 { font-size: 3rem; font-weight: 400; } + +::-webkit-scrollbar { + width: 10px; +} + +::-webkit-scrollbar-thumb { + border-radius: 10px; + background: var(--color-dark); +} + +/* For Firefox */ +::-moz-scrollbar { + width: 10px; +} + +::-moz-scrollbar-thumb { + border-radius: 10px; + background: var(--color-dark); +} + +/* For IE and Edge */ +::-ms-scrollbar { + width: 10px; +} + +::-ms-scrollbar-thumb { + border-radius: 10px; + background: var(--color-dark); +} |