Jannex
/
SHX-Theme
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
layout/theme.liquid
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' %}

46
snippets/shx-feedback-banner.liquid
View File

@ -166,8 +166,8 @@
position: relative;
display: flex;
justify-content: center;
align-items: center;
justify-content: center;
align-items: center;
}
#SHX-feedback-modal-content-banner::after {
@ -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,22 +367,18 @@
}, 4000);
}
// Calculate the height of the content
let height = SHX_getHTMLObjectHeight(modalContent);
let height = SHX_getHTMLObjectHeight(modalContent);
anime({
targets: modalContent,
height: height , // Use the calculated height
duration: 1500,
easing: 'cubicBezier(0.590, 0.190, 0.050, 0.990)',
complete: function(anim) {
modalContent.style.height = 'auto';
}
});
anime({
targets: modalContent,
height: height , // Use the calculated height
duration: 1500,
easing: 'cubicBezier(0.590, 0.190, 0.050, 0.990)',
complete: function(anim) {
modalContent.style.height = 'auto';
}
});
}
// dom ready
@ -430,7 +409,6 @@
}, 5000);
}
let disableButtonForRequest = false;
setTimeout(function () {

7
snippets/shx-loading-screen.liquid Normal file
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 %}