SQuiz/frontAnswerer
2
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

fix unclickable unscreen

Browse Source
This commit is contained in:
Nastya 2024-12-29 23:52:10 +03:00
parent da25702a76
commit 53c54705ca
3 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
lib/components/QuizAnswerer.tsx
View File

@ -149,6 +149,7 @@ export default function QuizAnswerer(props: Props) {
background: "black", background: "black",
zIndex: 999, zIndex: 999,
opacity: 0, opacity: 0,
pointerEvents: "auto",
}} }}
/> />
<QuizAnswererInner {...props} /> <QuizAnswererInner {...props} />

5
lib/components/ViewPublicationPage/ViewPublicationPage.tsx
View File

@ -44,7 +44,10 @@ export default function ViewPublicationPage() {
const overlay = document.getElementById("hideoverlay"); const overlay = document.getElementById("hideoverlay");
if (root !== null && overlay !== null && settings.cfg?.isUnSc) { if (root !== null && overlay !== null && settings.cfg?.isUnSc) {
overlay.style.cssText = "pointerEvents = auto;"; console.log("overlay");
console.log(overlay);
console.log(overlay.style.cssText);
console.log("-----------------------------------------------");
unscreen(overlay, root); unscreen(overlay, root);
} }
}, []); }, []);

7
lib/ui_kit/unscreen.ts
View File

@ -1,11 +1,11 @@
function addOverlay(overlay: HTMLElement) { function addOverlay(overlay: HTMLElement) {
// const overlay = document.getElementById('overlay'); // const overlay = document.getElementById('overlay');
overlay.style.opacity = "1"; // Затемнено overlay.style.opacity = "1"; // Затемнено
overlay.style.pointerEvents = "auto"; // Включить клики overlay.style.display = "inherit"; //
} }
function removeOverlay(overlay: HTMLElement) { function removeOverlay(overlay: HTMLElement) {
overlay.style.opacity = "0"; // Вернуть в исходное состояние overlay.style.opacity = "0"; // Вернуть в исходное состояние
overlay.style.pointerEvents = "none"; // Игнорировать клики overlay.style.display = "none"; //
} }
function addRemoveOverlayTimer(overlay: HTMLElement, time = 1000) { function addRemoveOverlayTimer(overlay: HTMLElement, time = 1000) {
addOverlay(overlay); addOverlay(overlay);
@ -19,7 +19,8 @@ let isMouseInside = true;
let isWindowFocused = true; let isWindowFocused = true;
export default function unscreen(overlay: HTMLElement, root: HTMLElement) { export default function unscreen(overlay: HTMLElement, root: HTMLElement) {
let focusTimeout: NodeJS.Timeout | undefined; overlay.style.display = "none";
// Проверка состояния и выполнение нужного действия // Проверка состояния и выполнение нужного действия
function checkFocusAndMouse() { function checkFocusAndMouse() {
if (!isWindowFocused || !isMouseInside) { if (!isWindowFocused || !isMouseInside) {