Make sure that language bar buttons do not get selected on smartphone…

… taps
HildoBijl · Feb 9, 2024 · 64b0acb · 64b0acb
1 parent 270975f
commit 64b0acb
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/frontend/src/ui/pages/Home/parts/LanguageBar.js b/frontend/src/ui/pages/Home/parts/LanguageBar.js
@@ -4,6 +4,7 @@ import { makeStyles } from '@material-ui/core/styles'
 import Container from '@material-ui/core/Container'
 
 import { useLanguage, useSetLanguage } from 'i18n'
+import { notSelectable } from 'ui/theme'
 
 const useStyles = makeStyles((theme) => ({
 	languageBar: {
@@ -12,6 +13,7 @@ const useStyles = makeStyles((theme) => ({
 		flexDirection: 'row-reverse',
 	},
 	flagContainer: {
+		...notSelectable,
 		background: 'black',
 		cursor: ({ active }) => active ? 'default' : 'pointer',
 		opacity: ({ active }) => active ? 1 : 0.5,