Releases Popup <style>-->
<div #app4legal-footer {
background-color: #2d83be;
max-width: 1200px;
}
#app4legal-footer-resources {
text-align: center;
}
#app4legal-footer-resources ul {
list-style: none;
width: 100%;
}
#app4legal-footer-resources ul li {
text-align: left;
margin-bottom: 10px;
}
#app4legal-footer-resources ul a {
text-decoration: none;
color: #ffffff;
}
#app4legal-footer-description {
color: #ffffff;
}
#app4legal-footer-resources-title-containerclass="overlay-app4legal-documentation" id="overlay-app4legal-documentation"></div>
<div id="popup-app4legal-documentation" class="popup-app4legal-documentation">
<button id="closeButton-app4legal-documentation" class="close-button-app4legal-documentation">X</button>
<p class="popup-text-app4legal-documentation">Exciting News!<br><br>
A new version of Lexzur has just been released. <a class="white-text" href="https://documentation.lexzur.com/display/A4L/LEXZUR+v9.10.0.0+Release+Notes"><strong>Click here</strong></a> to explore the latest features and enhancements
</div>
<style>
.overlay-app4legal-documentation {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: none;
z-index: 999998;
}
.popup-app4legal-documentation {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #2D83BE;
padding: 20px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
border-radius: 5px;
display: none;
z-index: 999999;
}
.popup-text-app4legal-documentation {
margin: 0;
color: #FFFFFF !important;
margin-right: 30px;
font-size: 17px !important;
}
.close-button-app4legal-documentation {
position: absolute;
top: 10px;
right: 10px;
background: none;
cursor: pointer;
font-size: 16px;
color: #FFFFFF;
border: solid 1px white;
border-radius: 5px;
}
@media only screen and (max-width: 600px) {
.popup-app4legal-documentation {
left: 15% !important;
height: 33px;
transform: translate(-9%, -50%) !important;
}
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function () {
const popup #app4legal-footer-social {= document.getElementById("popup-app4legal-documentation");
const closeButton = document.getElementById("closeButton-app4legal-documentation");
const overlay text-align: center= document.getElementById("overlay-app4legal-documentation");
// Define the version number for the margin-top: 20px;current release
const currentVersion = "9.7.0.0";
// }
Check local storage to determine if the popup should
be displayed for the current version
const #app4legal-footer-social a {popupVersion = localStorage.getItem("popupVersion");
if (popupVersion !== currentVersion) {
popup.style.display text-decoration: none= "block";
overlay.style.display color: #ffffff;= "block";
}
// Close the popup and save the current version to font-size: 22px;local storage
function closePopup() {
popup.style.display margin: 10px= "none";
overlay.style.display = "none";
}
closeButton.addEventListener("click", #app4legal-footer-copyright {closePopup);
// Store the current version in local storage
color: #fffffflocalStorage.setItem("popupVersion", currentVersion);
// Add event listener to the overlay to close text-align: center;popup when clicked outside
overlay.addEventListener("click", closePopup);
});
</script>
|