Merge pull request #439 from eitchtee/dev

fix(style): demo mode close button is place incorrectly
This commit is contained in:
Herculino Trotta
2025-12-13 16:46:57 -03:00
committed by GitHub

View File

@@ -5,52 +5,53 @@
{% load title %}
<!DOCTYPE html>
<html lang="en"
data-theme="{% if request.session.theme == 'wygiwyh_light' %}wygiwyh_light{% else %}wygiwyh_dark{% endif %}">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>
{% filter site_title %}
{% block title %}
{% endblock title %}
{% endfilter %}
</title>
{% include 'includes/head/favicons.html' %}
{% progressive_web_app_meta %}
{# {% include 'includes/styles.html' %}#}
{% block extra_styles %}{% endblock %}
{% include 'includes/scripts.html' %}
{% block extra_js_head %}{% endblock %}
</head>
<body class="font-mono">
<div _="install htmx_error_handler
{% block body_hyperscript %}{% endblock %}"
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
{% include 'includes/mobile_navbar.html' %}
{% include 'includes/sidebar.html' %}
<main class="my-8 px-3">
{% settings "DEMO" as demo_mode %}
{% if demo_mode %}
<div class="px-3 m-0" id="demo-mode-alert" hx-preserve>
<div class="alert alert-warning my-3" role="alert">
<strong>{% trans "This is a demo!" %}</strong> {% trans "Any data you add here will be wiped in 24hrs or less" %}
<button type="button"
class="btn btn-sm btn-ghost absolute right-2 top-2"
onclick="this.parentElement.style.display='none'"
aria-label="Close"></button>
</div>
</div>
{% endif %}
<div id="content">
{% block content %}
{% endblock content %}
data-theme="{% if request.session.theme == 'wygiwyh_light' %}wygiwyh_light{% else %}wygiwyh_dark{% endif %}">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>
{% filter site_title %}
{% block title %}
{% endblock title %}
{% endfilter %}
</title>
{% include 'includes/head/favicons.html' %}
{% progressive_web_app_meta %}
{# {% include 'includes/styles.html' %}#}
{% block extra_styles %}{% endblock %}
{% include 'includes/scripts.html' %}
{% block extra_js_head %}{% endblock %}
</head>
<body class="font-mono">
<div _="install htmx_error_handler
{% block body_hyperscript %}{% endblock %}" hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
{% include 'includes/mobile_navbar.html' %}
{% include 'includes/sidebar.html' %}
<main class="my-8 px-3">
{% settings "DEMO" as demo_mode %}
{% if demo_mode %}
<div class="px-3 m-0" id="demo-mode-alert" hx-preserve>
<div class="alert alert-warning my-3 relative" role="alert">
<strong>{% trans "This is a demo!" %}</strong> {% trans "Any data you add here will be wiped in 24hrs or less"
%}
<button type="button" class="btn btn-sm btn-ghost absolute right-2 top-1/2 -translate-y-1/2"
onclick="this.parentElement.style.display='none'" aria-label="Close"></button>
</div>
{% include "includes/offcanvas.html" %}
{% include "includes/toasts.html" %}
</main>
</div>
{% include "includes/tools/calculator.html" %}
{% block extra_js_body %}
{% endblock extra_js_body %}
</body>
</html>
</div>
{% endif %}
<div id="content">
{% block content %}
{% endblock content %}
</div>
{% include "includes/offcanvas.html" %}
{% include "includes/toasts.html" %}
</main>
</div>
{% include "includes/tools/calculator.html" %}
{% block extra_js_body %}
{% endblock extra_js_body %}
</body>
</html>