[TikiWiki-commits] [Git][tikiwiki/tiki][master] [FIX][UX] Calendar: remove redundant 12:00 AM on hover and add pointer with...

luci pushed to branch master at Tiki Wiki CMS Groupware / Tiki


Commits:
5a0123df by MAGENE Sem Joel at 2026-02-23T14:30:35+00:00
[FIX][UX] Calendar: remove redundant 12:00 AM on hover and add pointer with...
---
* [FIX][UX] Calendar: remove redundant 12:00 AM on hover and add pointer with plus icon for empty slots

See merge request tikiwiki/tiki!9622

- - - - -


2 changed files:

- src/js/jquery-tiki/tiki-calendar.js
- themes/base_files/scss/_tiki-calendar.scss


Changes:

=====================================
src/js/jquery-tiki/tiki-calendar.js
=====================================
@@ -36,7 +36,7 @@ $.fn.setupEventCalendar = function (
             slotMinTime: eventCalendarParams.minHourOfDay,
             slotMaxTime: eventCalendarParams.maxHourOfDay,
             nowIndicator: true,
-            pointer: true,
+            pointer: false,
             buttonText: {
                 today: tr("today"),
                 dayGridMonth: tr("month"),


=====================================
themes/base_files/scss/_tiki-calendar.scss
=====================================
@@ -134,7 +134,43 @@ article.tips {
 .ec-event-tag {
     height: auto;
 }
+// Scoped to .ec-body to prevent the "+" from appearing on day headers (Sun, Mon, etc.)
+.ec-body {
+    .ec-day,
+    .ec-slot {
+        cursor: pointer;
+        position: relative;
+        transition: background-color 0.1s ease-in-out;
+
+        &:hover {
+            /* Subtle background highlight */
+            background-color: rgba(var(--bs-primary-rgb), 0.05);
+
+            /* Show the "+" icon */
+            &::after {
+                content: "+";
+                position: absolute;
+                top: 50%;
+                left: 50%;
+                transform: translate(-50%, -50%);
+                font-size: 1.8rem;
+                font-weight: 300;
+                color: var(--bs-primary);
+                opacity: 0.5;
+                pointer-events: none;
+                z-index: 1;
+            }
+        }
+        &:has(.ec-event)::after {
+            display: none;
+        }
+    }
+}
 
+.ec-event {
+    cursor: pointer;
+    z-index: 2;
+}
 nav.ec-toolbar {
     flex-wrap: wrap;
 }



View it on GitLab: https://gitlab.com/tikiwiki/tiki/-/commit/5a0123df966f67e9d947a28c18cb350387c3c39b

-- 
View it on GitLab: https://gitlab.com/tikiwiki/tiki/-/commit/5a0123df966f67e9d947a28c18cb350387c3c39b
You're receiving this email because of your account on gitlab.com. Manage all notifications: https://gitlab.com/-/profile/notifications | Help: https://gitlab.com/help

_______________________________________________
TikiWiki-cvs mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/tikiwiki-cvs