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

disable image drag

main
alexanderroese 2024-06-22 14:42:28 +02:00
parent 8bac6a387d
commit 97855f789a
2 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layout/theme.liquid
View File

@ -408,7 +408,7 @@
</head>
<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 %} shx-loading-screen-overflow-scroll">
{% render 'shx-loading-screen'
, content_type: 'body' %}

23
snippets/shx-loading-screen.liquid
View File

@ -1,6 +1,6 @@
{% assign content_type = content_type | default: 'body' %}
{% assign content_type = content_type | default: "body" %}
{% if content_type == 'body' %}
{% if content_type == "body" %}
<div id="shx-loading-screen">
<div id="shx-loading-screen-text">
<svg width="1257" height="189" viewBox="0 0 1257 189" fill="none" xmlns="http://www.w3.org/2000/svg">
@ -8,8 +8,12 @@
</svg>
</div>
</div>
{% elsif content_type == 'head' %}
{% elsif content_type == "head" %}
<style>
.shx-loading-screen-overflow-scroll {
overflow-y: scroll;
}
#shx-loading-screen {
position: fixed;
top: 0;
@ -51,21 +55,24 @@
<script>
document.addEventListener("DOMContentLoaded", function() {
const loadingScreen = document.getElementById('shx-loading-screen');
const loadingScreen = document.getElementById("shx-loading-screen");
const body = document.querySelector("body")
function showLoadingScreen() {
loadingScreen.classList.remove('shx-loading-screen-hidden');
loadingScreen.classList.remove("shx-loading-screen-hidden");
body.classList.remove("shx-loading-screen-overflow-scroll")
}
function hideLoadingScreen() {
loadingScreen.classList.add('shx-loading-screen-hidden');
loadingScreen.classList.add("shx-loading-screen-hidden");
body.classList.add("shx-loading-screen-overflow-scroll")
}
window.addEventListener('beforeunload', function() {
window.addEventListener("beforeunload", function() {
showLoadingScreen();
});
window.addEventListener('load', function() {
window.addEventListener("load", function() {
hideLoadingScreen();
});
});