Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 8 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,14 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0

---

## [Unreleased]

### Added

- **Wallpanel weather style** β€” improves readability on wall-mounted dashboards with larger weather information while hiding high/low temperatures and wind.

---

## [1.3.9.9.8] - 2026-08-30

### Fixed
Expand Down
5 changes: 3 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -747,6 +747,7 @@ When used with `show_widget_in_cycle: true`, the card ensures **both** the weath
| `stage` | Large centered clock on top; weather compacted into a single horizontal frosted pill below |
| `split` | Card divided into two equal full-height panels β€” left: weather icon + temperature, right: clock |
| `cinematic` | Animated weather background fills the entire card; all info condensed into a transparent caption bar pinned to the bottom |
| `wallpanel` | Default layout with larger weather details for wall-mounted displays; hides high/low temperatures and wind and focuses mainly on temperature and humidity |

> The `split` style works with all weather modes including `weather_forecast` β€” the first panel shows weather + clock side by side, then alternates with the 7-day forecast.

Expand Down Expand Up @@ -1282,7 +1283,7 @@ The tab shows an **ON** badge when overlay mode is active.
| **Show when no alerts** | Toggle to keep the card visible when everything is OK |
| **Display mode** | `Message` Β· `Clock` Β· `Weather` Β· `Weather + Clock` |
| **Clock style** | Style variant for clock-only mode (`aurora`, `gold`, `matrix`) |
| **Weather badge style** | Layout variant for weather modes (`stage`, `split`, `cinematic`) |
| **Weather badge style** | Layout variant for weather modes (`stage`, `split`, `cinematic`, `wallpanel`) |
| **Show date** | Toggle date display in clock / weather+clock mode |
| **Date position** | `Above` or `Below` the time digits |
| **Weather entity** | `weather.*` entity (shown when mode is Weather or Weather + Clock) |
Expand All @@ -1306,7 +1307,7 @@ The tab shows an **ON** badge when overlay mode is active.
| `clear_theme` | `string` | `success` | Theme for all-clear (`success`, `check`, `confetti`, …) |
| `clear_display_mode` | `string` | `message` | All-clear widget: `message`, `clock`, `weather`, `weather_clock`, `forecast`, `weather_forecast` |
| `clear_clock_style` | `string` | β€” | Clock style: `aurora`, `gold`, `matrix` |
| `clear_weather_style` | `string` | β€” | Weather badge style: `stage`, `split`, `cinematic` |
| `clear_weather_style` | `string` | β€” | Weather badge style, including `stage`, `split`, `cinematic`, and `wallpanel` |
| `clear_clock_show_date` | `boolean` | `true` | Show or hide the date in clock / weather+clock mode |
| `clear_clock_show_seconds` | `boolean` | `true` | **New in 1.3.9.9.6** β€” hide seconds from the clock display for a cleaner `15:58` look instead of `15:58:47` |
| `clear_clock_date_position` | `string` | `below` | Date position relative to time: `above` or `below` |
Expand Down
13 changes: 13 additions & 0 deletions alert-ticker-card-editor.js
Original file line number Diff line number Diff line change
Expand Up @@ -1211,6 +1211,7 @@ const ET = {
style_stage: "🎭 Stage",
style_split: "β–Œβ– Split",
style_cinematic: "🎬 Cinematic",
style_wallpanel: "πŸ“Ί Wallpanel",
date_position_above: "⬆ Sopra l'ora",
date_position_below: "⬇ Sotto l'ora",
cycle_interval: "Intervallo ciclo (secondi)",
Expand Down Expand Up @@ -1574,6 +1575,7 @@ const ET = {
style_stage: "🎭 Stage",
style_split: "β–Œβ– Split",
style_cinematic: "🎬 Cinematic",
style_wallpanel: "πŸ“Ί Wallpanel",
date_position_above: "⬆ Above time",
date_position_below: "⬇ Below time",
cycle_interval: "Cycle interval (seconds)",
Expand Down Expand Up @@ -1939,6 +1941,7 @@ const ET = {
style_stage: "🎭 Stage",
style_split: "β–Œβ– Split",
style_cinematic: "🎬 Cinematic",
style_wallpanel: "πŸ“Ί Wallpanel",
date_position_above: "⬆ Au-dessus de l'heure",
date_position_below: "⬇ En-dessous de l'heure",
cycle_interval: "Intervalle de cycle (secondes)",
Expand Down Expand Up @@ -2302,6 +2305,7 @@ const ET = {
style_stage: "🎭 Stage",
style_split: "β–Œβ– Split",
style_cinematic: "🎬 Cinematic",
style_wallpanel: "πŸ“Ί Wallpanel",
date_position_above: "⬆ Über der Uhrzeit",
date_position_below: "⬇ Unter der Uhrzeit",
cycle_interval: "Zyklusintervall (Sekunden)",
Expand Down Expand Up @@ -2665,6 +2669,7 @@ const ET = {
style_stage: "🎭 Stage",
style_split: "β–Œβ– Split",
style_cinematic: "🎬 Cinematic",
style_wallpanel: "πŸ“Ί Wallpanel",
date_position_above: "⬆ Boven de tijd",
date_position_below: "⬇ Onder de tijd",
cycle_interval: "Cyclusinterval (seconden)",
Expand Down Expand Up @@ -3028,6 +3033,7 @@ const ET = {
style_stage: "🎭 Stage",
style_split: "β–Œβ– Split",
style_cinematic: "🎬 Cinematic",
style_wallpanel: "πŸ“Ί Wallpanel",
date_position_above: "⬆ TrΓͺn giờ",
date_position_below: "⬇ DΖ°α»›i giờ",
cycle_interval: "Chu kα»³ chuyển Δ‘α»•i (giΓ’y)",
Expand Down Expand Up @@ -3391,6 +3397,7 @@ const ET = {
style_stage: "🎭 Stage",
style_split: "β–Œβ– Split",
style_cinematic: "🎬 Cinematic",
style_wallpanel: "πŸ“Ί Wallpanel",
date_position_above: "⬆ Над Π²Ρ€Π΅ΠΌΠ΅Π½Π΅ΠΌ",
date_position_below: "⬇ Под Π²Ρ€Π΅ΠΌΠ΅Π½Π΅ΠΌ",
cycle_interval: "Π˜Π½Ρ‚Π΅Ρ€Π²Π°Π» Ρ†ΠΈΠΊΠ»Π° (сСкунды)",
Expand Down Expand Up @@ -3754,6 +3761,7 @@ const ET = {
style_stage: "🎭 Stage",
style_split: "β–Œβ– Split",
style_cinematic: "🎬 Cinematic",
style_wallpanel: "πŸ“Ί Wallpanel",
date_position_above: "⬆ Over klokkeslΓ¦ttet",
date_position_below: "⬇ Under klokkeslΓ¦ttet",
cycle_interval: "Rotations interval (sekunder)",
Expand Down Expand Up @@ -4119,6 +4127,7 @@ const ET = {
style_stage: "🎭 Stage",
style_split: "β–Œβ– Split",
style_cinematic: "🎬 Cinematic",
style_wallpanel: "πŸ“Ί Wallpanel",
cycle_interval: "Interval rotace (sekundy)",
cycle_interval_help: "Sekundy mezi rotacΓ­ varovΓ‘nΓ­, pokud je jich vΓ­ce aktivnΓ­ch",
show_widget_in_cycle: "Zobrazit počasí/čas v cyklu",
Expand Down Expand Up @@ -4484,6 +4493,7 @@ const ET = {
style_stage: "🎭 Stage",
style_split: "β–Œβ– Split",
style_cinematic: "🎬 Cinematic",
style_wallpanel: "πŸ“Ί Wallpanel",
date_position_above: "⬆ Acima do horΓ‘rio",
date_position_below: "⬇ Abaixo do horΓ‘rio",
cycle_interval: "Intervalo do ciclo (segundos)",
Expand Down Expand Up @@ -4847,6 +4857,7 @@ const ET = {
style_stage: "🎭 Stage",
style_split: "β–Œβ– Split",
style_cinematic: "🎬 Cinematic",
style_wallpanel: "πŸ“Ί Wallpanel",
date_position_above: "⬆ Encima de la hora",
date_position_below: "⬇ Debajo de la hora",
cycle_interval: "Intervalo de ciclo (segundos)",
Expand Down Expand Up @@ -5210,6 +5221,7 @@ const ET = {
style_stage: "🎭 Stage",
style_split: "β–Œβ– Split",
style_cinematic: "🎬 Cinematic",
style_wallpanel: "πŸ“Ί Wallpanel",
date_position_above: "⬆ Saatin ΓΌstΓΌnde",
date_position_below: "⬇ Saatin altΔ±nda",
cycle_interval: "Dângü aralığı (saniye)",
Expand Down Expand Up @@ -6531,6 +6543,7 @@ class AlertTickerCardEditor extends LitElement {
<option value="stage" ?selected="${cfg.clear_weather_style === 'stage'}">${this._t("style_stage")}</option>
<option value="split" ?selected="${cfg.clear_weather_style === 'split'}">${this._t("style_split")}</option>
<option value="cinematic" ?selected="${cfg.clear_weather_style === 'cinematic'}">${this._t("style_cinematic")}</option>
<option value="wallpanel" ?selected="${cfg.clear_weather_style === 'wallpanel'}">${this._t("style_wallpanel")}</option>
</select>
</div>
</div>
Expand Down
24 changes: 24 additions & 0 deletions alert-ticker-card.js
Original file line number Diff line number Diff line change
Expand Up @@ -11204,6 +11204,30 @@ class AlertTickerCard extends LitElement {
letter-spacing: 0.18em;
}

/* ── WEATHER STYLE: wallpanel ── */
/* Default layout with larger typography for wall-mounted dashboards. */
.atc-cw-style--wallpanel .atc-cw-corners { padding: 10px 12px; }
.atc-cw-style--wallpanel .atc-cw-badge {
padding: 7px 10px;
border-radius: 11px;
}
.atc-cw-style--wallpanel .atc-cw-badge--weather {
gap: 3px;
min-width: 88px;
}
.atc-cw-style--wallpanel .atc-cw-badge-row1 { gap: 5px; }
.atc-cw-style--wallpanel .atc-cw-badge-row-minmax,
.atc-cw-style--wallpanel .atc-cw-badge-row2 { gap: 7px; }
.atc-cw-style--wallpanel .atc-cw-minmax-hi,
.atc-cw-style--wallpanel .atc-cw-minmax-lo,
.atc-cw-style--wallpanel .atc-cw-badge-row2 { display: none; }
.atc-cw-style--wallpanel .atc-cw-w-icon { --mdc-icon-size: 26px; }
.atc-cw-style--wallpanel .atc-cw-temp { font-size: 3rem; }
.atc-cw-style--wallpanel .atc-cw-meta { font-size: 1rem; }
.atc-cw-style--wallpanel .atc-cw-condition { font-size: 1rem; }
.atc-cw-style--wallpanel .atc-cw-clock { font-size: 1.55rem; }
.atc-cw-style--wallpanel .atc-cw-clock-date { font-size: 0.62rem; }

/* ── WEATHER STYLE: frosted ──────────────────────────────────────── */
.atc-cw-style--frosted .atc-cw-badge {
background: rgba(255,255,255,0.08);
Expand Down
Loading