diff options
Diffstat (limited to 'packages/demobank-ui/src/components/LangSelector.tsx')
-rw-r--r-- | packages/demobank-ui/src/components/LangSelector.tsx | 17 |
1 files changed, 13 insertions, 4 deletions
diff --git a/packages/demobank-ui/src/components/LangSelector.tsx b/packages/demobank-ui/src/components/LangSelector.tsx index 9680344cb..ca4411682 100644 --- a/packages/demobank-ui/src/components/LangSelector.tsx +++ b/packages/demobank-ui/src/components/LangSelector.tsx @@ -63,20 +63,29 @@ export function LangSelectorLikePy(): VNode { }, []); return ( <Fragment> - <button + <a + href="#" + class="pure-button" name="language" onClick={(ev) => { + ev.preventDefault(); setHidden((h) => !h); ev.stopPropagation(); }} > {getLangName(lang)} - </button> - <div id="lang" class={hidden ? "hide" : ""}> + </a> + <div + id="lang" + class={hidden ? "hide" : ""} + style={{ + display: "inline-block", + }} + > <div style="position: relative; overflow: visible;"> <div class="nav" - style="position: absolute; max-height: 60vh; overflow-y: scroll" + style="position: absolute; max-height: 60vh; overflow-y: auto; margin-left: -120px; margin-top: 20px" > {Object.keys(messages) .filter((l) => l !== lang) |