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

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

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