From 96eeddedb3c46faa1c5cac71da3b5a06b07e331f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Valenta?= <git@imaniti.org>
Date: Thu, 25 Jan 2024 16:07:44 +0100
Subject: [PATCH] smaller clickable area - nicer experience
---
.../templates/lectures/view_group_lectures.html | 14 ++++++++++----
static_src/view_group_lectures.js | 7 +++++++
2 files changed, 17 insertions(+), 4 deletions(-)
diff --git a/lectures/templates/lectures/view_group_lectures.html b/lectures/templates/lectures/view_group_lectures.html
index c7b1b5f..1e0411e 100644
--- a/lectures/templates/lectures/view_group_lectures.html
+++ b/lectures/templates/lectures/view_group_lectures.html
@@ -50,15 +50,21 @@
{% for category in lecture_categories %}
<div
class="
- flex flex-col gap-3 group justify-center p-4 cursor-pointer
-
- hover:bg-gray-100
+ flex flex-col gap-3 group justify-center
__lecture-category
"
data-is-open="false"
>
- <div class="flex justify-between items-center">
+ <div
+ class="
+ flex justify-between items-center cursor-pointer p-4
+
+ __lecture-category-clickable
+
+ hover:bg-gray-100
+ "
+ >
<h2 class="text-3xl font-alt">{{ category.grouper }}</h2>
<div>
diff --git a/static_src/view_group_lectures.js b/static_src/view_group_lectures.js
index 1f21a36..2760ad1 100644
--- a/static_src/view_group_lectures.js
+++ b/static_src/view_group_lectures.js
@@ -19,6 +19,13 @@ const assignOpenerListeners = () => {
$(".__lecture-category").on(
"click",
event => {
+ if (
+ !$(event.target).hasClass("__lecture-category-clickable")
+ && !(event.target).closest(".__lecture-category-clickable").length === 0
+ ) {
+ return
+ }
+
if (event.currentTarget.dataset.isOpen === 'true') {
$(event.currentTarget).
find(".__lecture-category-opener").
--
GitLab