jlengrand/bugsink
1
0
Fork 0
mirror of https://github.com/jlengrand/bugsink.git synced 2026-03-10 08:01:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Resolve/mute buttons: on their own line on small screens

Browse Source
This commit is contained in:
Klaas van Schelven
2024-03-30 22:22:33 +01:00
parent 9275657a54
commit d429ccfc56
2 changed files with 28 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
issues/templates/issues/base.html
View File

@@ -3,14 +3,9 @@
{% block title %}{{ issue.title }}{# note: dubious: should perhaps be event.title... #} · {{ block.super }}{% endblock %}
{% block content %}
<div class="m-4 flex"><!-- container for the white bit (issue title, buttons) at the top of the page -->
<div class="overflow-hidden"><!-- top, LHS (various texts) -->
<h1 class="text-4xl font-bold text-ellipsis whitespace-nowrap overflow-hidden">{{ issue.get_main_exception.type }}</h1>
<div class="text-xl text-ellipsis whitespace-nowrap overflow-hidden">{{ issue.get_main_exception.value }}</div>
{% if parsed_data.request %}<div class="italic mt-4">{{ parsed_data.request.method }} {{ parsed_data.request.url }}</div>{% endif %}
<div class="text-ellipsis whitespace-nowrap overflow-hidden">{% with issue.get_main_exception.stacktrace.frames|last as last_frame %}<span class="font-bold">{% if last_frame.module %}{{ last_frame.module}}{% else %}{{ last_frame.filename }}{% endif %}</span>{% if last_frame.function %} in <span class="font-bold">{{ last_frame.function }}</span>{% endif %}{% endwith %}</div>
</div>
<div class="ml-auto flex-none"><!-- top, RHS (buttons) -->
<div class="m-4 flex flex-col lg:flex-row-reverse"><!-- container for the white bit (issue title, buttons) at the top of the page -->
<div class="ml-auto flex-none pb-4 lg:pb-0"><!-- top, RHS (buttons) -->
<form action="" method="post">
{% csrf_token %}
{% if issue.is_resolved %}{# i.e. buttons disabled #}
@@ -92,7 +87,15 @@
{% endspaceless %}
</form>
</div>
</div> {# top, RHS (buttons) #}
<div class="overflow-hidden"><!-- top, LHS (various texts) -->
<h1 class="text-4xl font-bold text-ellipsis whitespace-nowrap overflow-hidden">{{ issue.get_main_exception.type }}</h1>
<div class="text-xl text-ellipsis whitespace-nowrap overflow-hidden">{{ issue.get_main_exception.value }}</div>
{% if parsed_data.request %}<div class="italic mt-4">{{ parsed_data.request.method }} {{ parsed_data.request.url }}</div>{% endif %}
<div class="text-ellipsis whitespace-nowrap overflow-hidden">{% with issue.get_main_exception.stacktrace.frames|last as last_frame %}<span class="font-bold">{% if last_frame.module %}{{ last_frame.module}}{% else %}{{ last_frame.filename }}{% endif %}</span>{% if last_frame.function %} in <span class="font-bold">{{ last_frame.function }}</span>{% endif %}{% endwith %}</div>
</div> {# top, LHS (various texts) #}
</div>
<div class="flex items-start"><!-- flex container for the 2 'windows' in this page' -->

16
theme/static/css/dist/styles.css vendored
View File

@@ -2210,6 +2210,22 @@ span.linenos.special {
.lg\:flex {
display: flex;
}
.lg\:flex-row {
flex-direction: row;
}
.lg\:flex-row-reverse {
flex-direction: row-reverse;
}
.lg\:pb-4 {
padding-bottom: 1rem;
}
.lg\:pb-0 {
padding-bottom: 0px;
}
}
.peer:focus ~ .rtl\:peer-focus\:left-auto:where([dir="rtl"], [dir="rtl"] *) {