diff --git a/CHANGELOG.md b/CHANGELOG.md index 032a819..ffeb6a2 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -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 diff --git a/README.md b/README.md index 3e89ede..9866df5 100644 --- a/README.md +++ b/README.md @@ -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. @@ -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) | @@ -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` | diff --git a/alert-ticker-card-editor.js b/alert-ticker-card-editor.js index 76496e0..678694a 100644 --- a/alert-ticker-card-editor.js +++ b/alert-ticker-card-editor.js @@ -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)", @@ -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)", @@ -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)", @@ -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)", @@ -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)", @@ -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)", @@ -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: "Интервал цикла (секунды)", @@ -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)", @@ -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", @@ -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)", @@ -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)", @@ -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)", @@ -6531,6 +6543,7 @@ class AlertTickerCardEditor extends LitElement { + diff --git a/alert-ticker-card.js b/alert-ticker-card.js index aded150..811635a 100644 --- a/alert-ticker-card.js +++ b/alert-ticker-card.js @@ -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);