loading screen

main
alexanderroese 2024-06-22 12:35:01 +02:00
parent 11e71cccbf
commit a199fdf21e
3 changed files with 24 additions and 34 deletions

View File

@ -438,6 +438,8 @@
</script> -->
<!-- Render CSS content -->
{% render 'shx-loading-screen'
, content_type: 'head' %}
{% render 'shx-feedback-banner'
, content_type: 'head' %}
{% render 'shx-StarRatingForm'
@ -465,6 +467,9 @@
<body class="gradient{% if settings.animations_hover_elements != 'none' %} animate--hover-{{ settings.animations_hover_elements }}{% endif %}">
<!-- Render HTML content -->
{% render 'shx-loading-screen'
, content_type: 'body' %}
{% render 'shx-feedback-banner'
, content_type: 'body' %}

View File

@ -178,8 +178,6 @@
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}
#SHX-feedback-modal-form {
@ -194,7 +192,6 @@
font-weight: 600;
margin: 0;
padding: 20px;
position: relative;
z-index: 10002;
}
@ -203,7 +200,6 @@
font-size: 1.25em;
font-weight: 600;
margin: 0 0 10px;
line-height: 1.5em;
}
@ -211,34 +207,27 @@
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px rgb(var(--color-button)) solid;
border-radius: 5px;
}
#SHX-feedback-modal-container button {
width: 100%;
font-size: 1.5rem;
letter-spacing: 0.1rem;
background-color: rgb(var(--color-button));
color: white;
padding: 15px;
border: none;
border-radius: 5px;
cursor: pointer;
font-family: var(--font-body-family);
transition: opacity 0.3s ease-in-out;
}
.SHX-feedback-modal-buttonDisable {
cursor: not-allowed !important;
opacity: 0.5;
}
.SHX-FEEDBACK-CODE {
@ -345,13 +334,8 @@
modal.style.display = 'none';
}
});
}
function SHX_FeedbackModal_enableSubmitButton() {
document.getElementById('SHX-feedback-modal-submit').classList.remove('SHX-feedback-modal-buttonDisable');
}
@ -367,7 +351,6 @@
modalContainer.style.display = 'none';
let ele_container_submit1 = document.getElementById('SHX-feedback-modal-container-submit1');
let ele_container_submit2 = document.getElementById('SHX-feedback-modal-container-submit2');
@ -384,8 +367,6 @@
}, 4000);
}
// Calculate the height of the content
let height = SHX_getHTMLObjectHeight(modalContent);
@ -398,8 +379,6 @@
modalContent.style.height = 'auto';
}
});
}
// dom ready
@ -430,7 +409,6 @@
}, 5000);
}
let disableButtonForRequest = false;
setTimeout(function () {

View File

@ -0,0 +1,7 @@
{% assign content_type = content_type | default: 'body' %}
{% if content_type == 'body' %}
<div id="loading-screen"></div>
{% elsif content_type == 'head' %}
{% endif %}