fix: positioning of quick class switcher

KraXen72 · May 25, 2023 · c13638f · c13638f
1 parent 9ce1360
commit c13638f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/preload.ts b/src/preload.ts
@@ -19,6 +19,7 @@ export const strippedConsole = {
 	timeEnd: console.timeEnd.bind(console)
 };
 
+export const classPickerBottom = '80px'
 const $assets = pathResolve(__dirname, '..', 'assets');
 const repoID = 'KraXen72/crankshaft';
 let lastActiveTab = 0;
@@ -159,7 +160,7 @@ ipcRenderer.on('injectClientCSS', (event, { hideAds, menuTimer, quickClassPicker
 	// TODO rewrite, this is not well scalable
 	if (hideAds) {
 		toggleSettingCSS(styleSettingsCSS.hideAds, 'hideAds', true);
-		document.getElementById("hiddenClasses").style.bottom = '40px';
+		document.getElementById("hiddenClasses").style.bottom = classPickerBottom;
 	}
 	if (menuTimer) toggleSettingCSS(styleSettingsCSS.menuTimer, 'menuTimer', true);
 	if (quickClassPicker) toggleSettingCSS(styleSettingsCSS.quickClassPicker, 'quickClassPicker', true)

diff --git a/src/settingsui.ts b/src/settingsui.ts
@@ -1,9 +1,8 @@
-
 /* eslint-disable max-len */
 import { writeFileSync } from 'fs';
 import { ipcRenderer } from 'electron'; // add app if crashes
 import { createElement, toggleSettingCSS } from './utils';
-import { styleSettingsCSS } from './preload';
+import { styleSettingsCSS, classPickerBottom } from './preload';
 import { su } from './userscripts';
 
 /// <reference path="global.d.ts" />
@@ -246,7 +245,7 @@ class SettingElem {
 			// you can add custom instant refresh callbacks for settings here
 			if (this.props.key === 'hideAds') {
 				toggleSettingCSS(styleSettingsCSS.hideAds, this.props.key, value);
-				document.getElementById("hiddenClasses").style.bottom = value ? '40px' : null;
+				document.getElementById("hiddenClasses").style.bottom = value ? classPickerBottom : null;
 			}
 			if (this.props.key === 'menuTimer') toggleSettingCSS(styleSettingsCSS.menuTimer, this.props.key, value);
 			if (this.props.key === 'quickClassPicker') toggleSettingCSS(styleSettingsCSS.quickClassPicker, this.props.key, value);