Add scrollable behavior to language selection menu (#69)

Khant-SoDOpe · web-flow · commit 3b52f2c11ef1 · 2025-05-11T12:31:41.000+08:00
diff --git a/components/language-select/index.tsx b/components/language-select/index.tsx
@@ -77,6 +77,10 @@ const Wrapper = styled.button`
     box-shadow: var(--shadow-md);
     column-count: 2;
 
+    /* Add scrollable behavior */
+    max-height: 500px;
+    overflow-y: auto;
+
     a {
       display: block;
       padding: 0.1em 1em;
@@ -120,4 +124,4 @@ const LanguageSelect = () => {
   )
 }
 
-export default LanguageSelect
+export default LanguageSelect

Original file line number	Diff line number	Diff line change
@@ -77,6 +77,10 @@ const Wrapper = styled.button`
`77`	`77`	`box-shadow: var(--shadow-md);`
`78`	`78`	`column-count: 2;`
`79`	`79`
	`80`	`+ /* Add scrollable behavior */`
	`81`	`+ max-height: 500px;`
	`82`	`+ overflow-y: auto;`
	`83`	`+`
`80`	`84`	`a {`
`81`	`85`	`display: block;`
`82`	`86`	`padding: 0.1em 1em;`
`@@ -120,4 +124,4 @@ const LanguageSelect = () => {`
`120`	`124`	`)`
`121`	`125`	`}`
`122`	`126`
`123`		`-export default LanguageSelect`
	`127`	`+export default LanguageSelect`