fix: Fixed issue where dropdowns in preferences would not be visible

2023-01-30 20:19:23 +05:30
parent f463ca4e8d
commit c29e0f511d
3 changed files with 15 additions and 0 deletions
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Appearance.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Appearance.tsx
@@ -133,6 +133,9 @@ const Appearance: FunctionComponent<Props> = ({ application }) => {
                  value={autoLightTheme}
                  onChange={changeAutoLightTheme}
                  disabled={!useDeviceSettings}
+                  classNameOverride={{
+                    popover: '!z-modal',
+                  }}
                />
              </div>
            </div>
@@ -148,6 +151,9 @@ const Appearance: FunctionComponent<Props> = ({ application }) => {
                  value={autoDarkTheme}
                  onChange={changeAutoDarkTheme}
                  disabled={!useDeviceSettings}
+                  classNameOverride={{
+                    popover: '!z-modal',
+                  }}
                />
              </div>
            </div>