diff --git a/src/islands/jambox/JamboxCards.jsx b/src/islands/jambox/JamboxCards.jsx index 2fded49..6de9200 100644 --- a/src/islands/jambox/JamboxCards.jsx +++ b/src/islands/jambox/JamboxCards.jsx @@ -133,7 +133,7 @@ function JamboxPackageCard({ pkg, onShowChannels, onConfigureAddons }) { const hasPrice = basePrice != null; return ( -
+
{pkg.name}
diff --git a/src/islands/jambox/JamboxChannelsSearch.jsx b/src/islands/jambox/JamboxChannelsSearch.jsx index a05ea5e..d88f07d 100644 --- a/src/islands/jambox/JamboxChannelsSearch.jsx +++ b/src/islands/jambox/JamboxChannelsSearch.jsx @@ -61,6 +61,17 @@ export default function JamboxChannelsSearch() { return `Znaleziono: ${items.length}`; }, [q, loading, err, items]); + function scrollToPackage(packageId) { + const el = document.getElementById(`pkg-${packageId}`); + if (!el) return; + + el.scrollIntoView({ behavior: "smooth", block: "start" }); + + el.classList.add("is-target"); + setTimeout(() => el.classList.remove("is-target"), 1200); + } + + return (

Wyszukiwanie kanałów w pakietach telewizji

@@ -114,11 +125,21 @@ export default function JamboxChannelsSearch() {
Dostępny w:  {c.packages.map((p, i) => ( - + // + // {p.name}{" "} + // (kanał {p.number}) + // {i < c.packages.length - 1 ? ", " : ""} + // + ))}
)} diff --git a/src/styles/offers/offers-table.css b/src/styles/offers/offers-table.css index b15f622..dc66699 100644 --- a/src/styles/offers/offers-table.css +++ b/src/styles/offers/offers-table.css @@ -323,4 +323,24 @@ obszar ze scrollem wewnątrz modala font-size: 0.85rem; opacity: 0.75; margin-bottom: 0.5rem; +} + +.f-card.is-target { + outline: 2px solid rgba(59, 130, 246, 0.55); + /* var(--f-link); */ + outline-offset: 4px; +} + +.fuz-chsearch__pkg { + background: transparent; + border: 0; + padding: 0; + cursor: pointer; + font: inherit; + color: var(--f-link, var(--f-link)); + text-decoration: underline; +} + +.fuz-chsearch__pkg:hover { + text-decoration-thickness: 2px; } \ No newline at end of file