From 0d62c8f691120417b6066ecaf51076542497927c Mon Sep 17 00:00:00 2001
From: dm <dm@dariuszm.eu>
Date: Fri, 19 Dec 2025 10:38:14 +0100
Subject: [PATCH] Channels dodany opis kliknij

---
 src/content/document/documents.yaml        |  2 ++
 src/islands/jambox/JamboxChannelsModal.jsx |  5 +++++
 src/styles/jambox-modal-channel.css        | 22 +++++++++++++++++++---
 3 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/src/content/document/documents.yaml b/src/content/document/documents.yaml
index 1546d3b..6615430 100644
--- a/src/content/document/documents.yaml
+++ b/src/content/document/documents.yaml
@@ -17,3 +17,5 @@ grupy:
     pliki:
       - nazwa: Polityka prywatności
         slug: polityka-prywatnosci
+      - nazwa: Promocja przykład do wyswietlenia
+        slug: promocja
\ No newline at end of file
diff --git a/src/islands/jambox/JamboxChannelsModal.jsx b/src/islands/jambox/JamboxChannelsModal.jsx
index 59de332..8a84f82 100644
--- a/src/islands/jambox/JamboxChannelsModal.jsx
+++ b/src/islands/jambox/JamboxChannelsModal.jsx
@@ -158,6 +158,11 @@ export default function JamboxChannelsModal({ isOpen, onClose, pkg }) {
                               loading="lazy"
                             />
                           )}
+
+                          <div class="jmb-channel-hint-mobile">
+                            Kliknij, aby zobaczyć opis
+                          </div>
+
                           <div class="jmb-channel-name">{ch.name}</div>
 
 
diff --git a/src/styles/jambox-modal-channel.css b/src/styles/jambox-modal-channel.css
index 462e0cb..e46373a 100644
--- a/src/styles/jambox-modal-channel.css
+++ b/src/styles/jambox-modal-channel.css
@@ -83,9 +83,9 @@
   }
 
   .jmb-channel-name {
-    font-size: 0.85rem;
-    font-weight: 600;
-    margin-bottom: 0.15rem;
+     @apply text-xl;
+    /* font-weight: 600;
+    margin-bottom: 0.15rem; */
   }
 
   .jmb-channel-number {
@@ -122,3 +122,19 @@
   .jmb-channel-desc::-webkit-scrollbar-track {
     background: transparent;
   }
+
+
+  .jmb-channel-hint-mobile {
+  @apply md:hidden;
+  @apply text-sm leading-tight;
+  @apply uppercase tracking-wide;
+  @apply opacity-60;
+  @apply mb-1;
+  @apply select-none pointer-events-none;
+}
+
+/* opcjonalnie: delikatna ikonka dotyku */
+.jmb-channel-hint-mobile::before {
+  content: "👆 ";
+  @apply opacity-70;
+}
\ No newline at end of file