rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Aman Harwara
2023-01-30 20:19:23 +05:30
parent f463ca4e8d
commit c29e0f511d
3 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/web/src/javascripts/Components/Preferences/Panes/Appearance.tsx
View File

@@ -133,6 +133,9 @@ const Appearance: FunctionComponent<Props> = ({ application }) => {
value={autoLightTheme} value={autoLightTheme}
onChange={changeAutoLightTheme} onChange={changeAutoLightTheme}
disabled={!useDeviceSettings} disabled={!useDeviceSettings}
classNameOverride={{
popover: '!z-modal',
}}
/> />
</div> </div>
</div> </div>
@@ -148,6 +151,9 @@ const Appearance: FunctionComponent<Props> = ({ application }) => {
value={autoDarkTheme} value={autoDarkTheme}
onChange={changeAutoDarkTheme} onChange={changeAutoDarkTheme}
disabled={!useDeviceSettings} disabled={!useDeviceSettings}
classNameOverride={{
popover: '!z-modal',
}}
/> />
</div> </div>
</div> </div>

6
packages/web/src/javascripts/Components/Preferences/Panes/Appearance/EditorAppearance.tsx
View File

@@ -99,6 +99,9 @@ const EditorDefaults = ({ application }: Props) => {
items={fontSizeDropdownOptions} items={fontSizeDropdownOptions}
value={fontSize} value={fontSize}
onChange={handleFontSizeChange} onChange={handleFontSizeChange}
classNameOverride={{
popover: '!z-modal',
}}
/> />
</div> </div>
</div> </div>
@@ -113,6 +116,9 @@ const EditorDefaults = ({ application }: Props) => {
items={lineHeightDropdownOptions} items={lineHeightDropdownOptions}
value={lineHeight} value={lineHeight}
onChange={handleLineHeightChange} onChange={handleLineHeightChange}
classNameOverride={{
popover: '!z-modal',
}}
/> />
</div> </div>
</div> </div>

3
packages/web/src/javascripts/Components/Preferences/Panes/Backups/EmailBackups.tsx
View File

@@ -124,6 +124,9 @@ const EmailBackups = ({ application }: Props) => {
items={emailFrequencyOptions} items={emailFrequencyOptions}
value={emailFrequency} value={emailFrequency}
onChange={handleEmailFrequencyChange} onChange={handleEmailFrequencyChange}
classNameOverride={{
popover: '!z-modal',
}}
/> />
)} )}
</div> </div>