Fix settings in extension popup beeing wrong orientation

killergerbah · Jan 6, 2024 · ebc8a20 · ebc8a20
1 parent ca6bb00
commit ebc8a20
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/common/components/SettingsForm.tsx b/common/components/SettingsForm.tsx
@@ -530,6 +530,7 @@ interface Props {
     localFontsPermission?: PermissionState;
     localFontFamilies: string[];
     supportedLanguages: string[];
+    forceVerticalTabs?: boolean;
     onSettingsChanged: (settings: Partial<AsbplayerSettings>) => void;
     onOpenChromeExtensionShortcuts: () => void;
     onUnlockLocalFonts: () => void;
@@ -549,12 +550,13 @@ export default function SettingsForm({
     localFontsPermission,
     localFontFamilies,
     supportedLanguages,
+    forceVerticalTabs,
     onSettingsChanged,
     onOpenChromeExtensionShortcuts,
     onUnlockLocalFonts,
 }: Props) {
     const theme = useTheme();
-    const smallScreen = useMediaQuery(theme.breakpoints.down('xs'));
+    const smallScreen = useMediaQuery(theme.breakpoints.down('xs')) && !forceVerticalTabs;
     const classes = useStyles({ smallScreen });
     const handleSettingChanged = useCallback(
         async <K extends keyof AsbplayerSettings>(key: K, value: AsbplayerSettings[K]) => {

diff --git a/extension/src/ui/components/Popup.tsx b/extension/src/ui/components/Popup.tsx
@@ -90,6 +90,7 @@ const Popup = ({
                 <SettingsForm
                     extensionInstalled
                     extensionSupportsAppIntegration
+                    forceVerticalTabs
                     anki={anki}
                     chromeKeyBinds={chromeCommandBindsToKeyBinds(commands)}
                     settings={settings}