From 1853bca7453d555635bb314b8f350558c9a0d799 Mon Sep 17 00:00:00 2001
From: Petru Paler <petru@paler.net>
Date: Thu, 8 Jan 2026 12:56:25 +0000
Subject: [PATCH] Fix UIkit tab/switcher list markers showing as squares
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add global CSS to remove ::marker pseudo-elements from uk-tab and
uk-switcher components. Also clean up tab structure to match MonsterUI
idioms (uk-active on Li, use None instead of empty string for cls).

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/animaltrack/web/templates/base.py | 14 ++++++++++++++
 src/animaltrack/web/templates/eggs.py | 20 ++++----------------
 src/animaltrack/web/templates/feed.py | 20 ++++----------------
 3 files changed, 22 insertions(+), 32 deletions(-)

diff --git a/src/animaltrack/web/templates/base.py b/src/animaltrack/web/templates/base.py
index 287678c..2d3bc29 100644
--- a/src/animaltrack/web/templates/base.py
+++ b/src/animaltrack/web/templates/base.py
@@ -14,6 +14,19 @@ from animaltrack.web.templates.sidebar import (
 )
 
 
+def TabStyles():  # noqa: N802
+    """CSS styles to fix UIkit tab/switcher list markers."""
+    return Style("""
+        /* Remove list markers from UIkit tabs and switchers */
+        .uk-tab, .uk-tab-alt, .uk-switcher, .uk-switcher > li {
+            list-style: none !important;
+        }
+        .uk-tab > li::marker, .uk-tab-alt > li::marker, .uk-switcher > li::marker {
+            content: none !important;
+        }
+    """)
+
+
 def EventSlideOverStyles():  # noqa: N802
     """CSS styles for event detail slide-over panel."""
     return Style("""
@@ -155,6 +168,7 @@ def page(
         Title(title),
         BottomNavStyles(),
         SidebarStyles(),
+        TabStyles(),
         EventSlideOverStyles(),
         SidebarScript(),
         EventSlideOverScript(),
diff --git a/src/animaltrack/web/templates/eggs.py b/src/animaltrack/web/templates/eggs.py
index 4d0177c..3c5aaea 100644
--- a/src/animaltrack/web/templates/eggs.py
+++ b/src/animaltrack/web/templates/eggs.py
@@ -52,20 +52,8 @@ def eggs_page(
         H1("Eggs", cls="text-2xl font-bold mb-6"),
         # Tab navigation
         TabContainer(
-            Li(
-                A(
-                    "Harvest",
-                    href="#",
-                    cls="uk-active" if harvest_active else "",
-                ),
-            ),
-            Li(
-                A(
-                    "Sell",
-                    href="#",
-                    cls="" if harvest_active else "uk-active",
-                ),
-            ),
+            Li(A("Harvest", href="#"), cls="uk-active" if harvest_active else None),
+            Li(A("Sell", href="#"), cls=None if harvest_active else "uk-active"),
             uk_switcher="connect: #egg-forms; animation: uk-animation-fade",
             alt=True,
         ),
@@ -78,7 +66,7 @@ def eggs_page(
                     error=harvest_error,
                     action=harvest_action,
                 ),
-                cls="uk-active" if harvest_active else "",
+                cls="uk-active" if harvest_active else None,
             ),
             Li(
                 sell_form(
@@ -87,7 +75,7 @@ def eggs_page(
                     error=sell_error,
                     action=sell_action,
                 ),
-                cls="" if harvest_active else "uk-active",
+                cls=None if harvest_active else "uk-active",
             ),
         ),
         cls="p-4",
diff --git a/src/animaltrack/web/templates/feed.py b/src/animaltrack/web/templates/feed.py
index 0defdc7..8931b2b 100644
--- a/src/animaltrack/web/templates/feed.py
+++ b/src/animaltrack/web/templates/feed.py
@@ -56,20 +56,8 @@ def feed_page(
         H1("Feed", cls="text-2xl font-bold mb-6"),
         # Tab navigation
         TabContainer(
-            Li(
-                A(
-                    "Give Feed",
-                    href="#",
-                    cls="uk-active" if give_active else "",
-                ),
-            ),
-            Li(
-                A(
-                    "Purchase Feed",
-                    href="#",
-                    cls="" if give_active else "uk-active",
-                ),
-            ),
+            Li(A("Give Feed", href="#"), cls="uk-active" if give_active else None),
+            Li(A("Purchase Feed", href="#"), cls=None if give_active else "uk-active"),
             uk_switcher="connect: #feed-forms; animation: uk-animation-fade",
             alt=True,
         ),
@@ -86,11 +74,11 @@ def feed_page(
                     balance_warning=balance_warning,
                     action=give_action,
                 ),
-                cls="uk-active" if give_active else "",
+                cls="uk-active" if give_active else None,
             ),
             Li(
                 purchase_feed_form(feed_types, error=purchase_error, action=purchase_action),
-                cls="" if give_active else "uk-active",
+                cls=None if give_active else "uk-active",
             ),
         ),
         cls="p-4",