diff --git a/src/timelines/TootComposer.tsx b/src/timelines/TootComposer.tsx index 2895c67..773d0b8 100644 --- a/src/timelines/TootComposer.tsx +++ b/src/timelines/TootComposer.tsx @@ -44,7 +44,7 @@ import "./TootComposer.css"; import BottomSheet from "~material/BottomSheet"; import { useAppLocale } from "~platform/i18n"; import iso639_1 from "iso-639-1"; -import ChooseTootLang from "./ChooseTootLang"; +import ChooseTootLang from "./TootLangPicker"; import type { mastodon } from "masto"; import cardStyles from "~material/cards.module.css"; import Menu, { createManagedMenuState } from "~material/Menu"; diff --git a/src/timelines/TootLangPicker.css b/src/timelines/TootLangPicker.css new file mode 100644 index 0000000..f092267 --- /dev/null +++ b/src/timelines/TootLangPicker.css @@ -0,0 +1,4 @@ + +.TootLangPicker { + overflow: auto; +} diff --git a/src/timelines/ChooseTootLang.tsx b/src/timelines/TootLangPicker.tsx similarity index 94% rename from src/timelines/ChooseTootLang.tsx rename to src/timelines/TootLangPicker.tsx index 8177783..e86f69e 100644 --- a/src/timelines/ChooseTootLang.tsx +++ b/src/timelines/TootLangPicker.tsx @@ -1,9 +1,4 @@ -import { - For, - onMount, - type Component, - type JSX, -} from "solid-js"; +import { For, onMount, type Component, type JSX } from "solid-js"; import Scaffold from "~material/Scaffold"; import { AppBar, @@ -19,6 +14,7 @@ import { Close as CloseIcon } from "@suid/icons-material"; import iso639_1 from "iso-639-1"; import { createTranslator } from "~platform/i18n"; import { Title } from "~material/typography"; +import "./TootLangPicker.css"; type ChooseTootLangProps = { code: string; @@ -58,6 +54,7 @@ const ChooseTootLang: Component = (props) => { } + class="TootLangPicker" >