github_mirrors/vben-admin-thin-next
1
0
Fork 0
mirror of https://github.com/vbenjs/vben-admin-thin-next.git synced 2025-01-24 10:33:47 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(theme): css filter breaking fixed position (#125)

Browse Source 
Add css filters to `html` instead of `body`
This commit is contained in:
ZhaoBin 2020-12-11 16:57:04 +08:00 committed by GitHub
parent d023fb1374
commit c911af4aca
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/setup/theme/index.ts
View File

@ -15,11 +15,11 @@ export function setCssVar(prop: string, val: any, dom = document.documentElement
dom.style.setProperty(prop, val); dom.style.setProperty(prop, val);
} }
function toggleClass(flag: boolean, clsName: string) { function toggleClass(flag: boolean, clsName: string, target?: HTMLElement) {
const body = document.body; const targetEl = target || document.body;
let { className } = body; let { className } = targetEl;
className = className.replace(clsName, ''); className = className.replace(clsName, '');
document.body.className = flag ? `${className} ${clsName} ` : className; targetEl.className = flag ? `${className} ${clsName} ` : className;
} }
/** /**
@ -27,7 +27,7 @@ function toggleClass(flag: boolean, clsName: string) {
* @param gray * @param gray
*/ */
export const updateColorWeak = (colorWeak: boolean) => { export const updateColorWeak = (colorWeak: boolean) => {
toggleClass(colorWeak, 'color-weak'); toggleClass(colorWeak, 'color-weak', document.documentElement);
}; };
/** /**
@ -35,7 +35,7 @@ export const updateColorWeak = (colorWeak: boolean) => {
* @param gray * @param gray
*/ */
export const updateGrayMode = (gray: boolean) => { export const updateGrayMode = (gray: boolean) => {
toggleClass(gray, 'gray-mode'); toggleClass(gray, 'gray-mode', document.documentElement);
}; };
/** /**