quickshell/quickshell-web
3
1
Fork 0
Code Issues Projects Activity

improved dimming

Browse source
This commit is contained in:
Xanazf 2024-10-17 22:14:27 +03:00
parent f402ab01e6
commit 62b272c3b9
Signed by: Xanazf
GPG key ID: 4E4A5AD1FB748427
3 changed files with 7 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/navigation/sidebars/nav/index.tsx
View file

@ -56,11 +56,11 @@ const NavComponent: Component<NavProps> = props => {
if (open()) { if (open()) {
window.addEventListener("click", handleClickOutside); window.addEventListener("click", handleClickOutside);
document.body.style.overflow = "hidden"; document.body.style.overflow = "hidden";
document.body.classList.add("dim-content"); document.body.classList.add("dim-content-nav");
} else { } else {
window.removeEventListener("click", handleClickOutside); window.removeEventListener("click", handleClickOutside);
document.body.style.overflow = "auto"; document.body.style.overflow = "auto";
document.body.classList.remove("dim-content"); document.body.classList.remove("dim-content-nav");
} }
}); });

4
src/components/navigation/sidebars/toc/index.tsx
View file

@ -51,11 +51,11 @@ const TableOfContents: Component<TOCProps> = props => {
if (open()) { if (open()) {
window.addEventListener("click", handleClickOutside); window.addEventListener("click", handleClickOutside);
document.body.style.overflow = "hidden"; document.body.style.overflow = "hidden";
document.body.classList.add("dim-content"); document.body.classList.add("dim-content-toc");
} else { } else {
window.removeEventListener("click", handleClickOutside); window.removeEventListener("click", handleClickOutside);
document.body.style.overflow = "auto"; document.body.style.overflow = "auto";
document.body.classList.remove("dim-content"); document.body.classList.remove("dim-content-toc");
} }
}); });

4
src/styles/docs/docs.css
View file

@ -20,8 +20,10 @@
flex-direction: row; flex-direction: row;
} }
.dim-content .docslayout-root { .dim-content-toc .docslayout-root,
.dim-content-nav .docslayout-root {
filter: brightness(50%); filter: brightness(50%);
pointer-events: none;
} }
.docs-content { .docs-content {