Maks1mS/free-ozon-dpr
0
0
Fork 0
mirror of https://github.com/Maks1mS/free-ozon-dpr.git synced 2024-12-23 18:42:59 +03:00
Code Issues

fix: hide map while popup is opened

Browse Source
This commit is contained in:
Maxim Slipenko 2024-06-09 08:14:56 +03:00
parent be1acbbbf8
commit baa73c0c2e
2 changed files with 20 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/info-popup.js
View File

@ -1,22 +1,26 @@
import Cookies from "js-cookie"; import Cookies from "js-cookie";
import { el } from "./utils.js";
const HIDE_INFO_POPUP = "hideInfoPopup"; const HIDE_INFO_POPUP = "hideInfoPopup";
document.addEventListener("DOMContentLoaded", function () { document.addEventListener("DOMContentLoaded", function () {
const infoPopup = document.querySelector(".info-popup"); const infoPopup = document.querySelector(".info-popup");
const noShowCheckbox = document.querySelector('input[name="no-show"]'); const noShowCheckbox = document.querySelector('input[name="no-show"]');
const confirmButton = document.querySelector('.info-popup footer button'); const confirmButton = document.querySelector(".info-popup footer button");
const map = el("map");
const hidePopupCookie = Cookies.get(HIDE_INFO_POPUP); const hidePopupCookie = Cookies.get(HIDE_INFO_POPUP);
if (!hidePopupCookie) { if (!hidePopupCookie) {
infoPopup.style.display = "block"; infoPopup.style.display = "block";
} map.style.display = "none";
}
confirmButton.addEventListener("click", function () { confirmButton.addEventListener("click", function () {
if (noShowCheckbox.checked) { if (noShowCheckbox.checked) {
Cookies.set(HIDE_INFO_POPUP, "true", { expires: 400 }); Cookies.set(HIDE_INFO_POPUP, "true", { expires: 400 });
} }
infoPopup.style.display = "none"; infoPopup.style.display = "none";
}); map.style.display = "block";
});
}); });

4
src/style.css
View File

@ -75,4 +75,6 @@ body {
.ol-attribution a:hover { .ol-attribution a:hover {
color: var(--ol-brand-color); color: var(--ol-brand-color);
text-decoration: underline; text-decoration: underline;
} }
.info-popup-content > p { text-align:justify; }