Commit Graph

3007 Commits

Author SHA1 Message Date
Paul Bottein
8ae9edb1ef Fix ha dialog default size (#27415)
* Don't hardcode width height on mobile for all dialogs

* Don't set min width on desktop
2025-10-10 11:35:45 +02:00
Petar Petrov
0a7007ef9e Escape device names in energy dashboard (#27425) 2025-10-10 10:31:09 +02:00
Paul Bottein
dd12136dee Use right variable for content color in tooltip (#27400) 2025-10-10 10:31:08 +02:00
Wendelin
6e2f89fe3d Fix android tap highlight border radius (#27382) 2025-10-10 10:31:07 +02:00
Wendelin
e899587307 Fix mobile ha-dialog height in Browser (#27298)
Enhance dialog responsiveness by adjusting min/max height to use svh units
2025-10-10 10:31:02 +02:00
Jan-Philipp Benecke
c9feb0b75f Add color tokens for slider thumb and indicator (#27295) 2025-10-10 10:31:00 +02:00
Jan-Philipp Benecke
10718c35d1 Make ha-slider not depend on font sizes (#27294) 2025-10-10 10:30:59 +02:00
Wendelin
4dc6a37bad Fix automation editor safe area (#27292) 2025-10-10 10:30:59 +02:00
Paul Bottein
e4f008800b Align bottom sheet border radius with resizable bottom sheet (#27280) 2025-10-10 10:30:56 +02:00
Jan-Philipp Benecke
ee0fc360b0 Add custom color token for control color (#27227) 2025-10-01 08:51:07 +02:00
Paul Bottein
87a8f9cedc Fix slider ticks support for number selector (#27211) 2025-09-26 15:38:21 +02:00
Paul Bottein
1b40f99f68 Fix storage bar not displayed (#27183) 2025-09-25 17:50:52 +02:00
Paul Bottein
b314b3ed2b Fix analytics switches (#27181) 2025-09-25 17:50:51 +02:00
Wendelin
107af753ec Reduce default tab padding in tab-group (#27173) 2025-09-25 17:50:49 +02:00
Paul Bottein
7a35bddf36 Fix safe padding for bottom sheet and add scroll lock (#27165) 2025-09-25 10:46:35 +02:00
Jeremy Cook
e4ca478d01 Add themes variables to tile card to change font appearance (#27092)
* Add themes variables to tile card to change font appearance

* Update documentation header including themes variables

---------

Co-authored-by: Jeremy Cook <jeco@norceresearch.no>
2025-09-24 14:34:43 +00:00
Jan-Philipp Benecke
7be2c59295 Redesign media player more-info dialog (#26904)
* Redesign media player more-info dialog

* Add missing imports

* Add some more media player controls to gallery

* Fix NaN

* Fix first example source

* Regroup

* Remove

* Add marquee text

* Buttons

* aria-label

* Increase speed

* Improve marquee text

* Improve marquee text

* Improve marquee text

* Add touch events to marquee text

* Use classMap

* Remove chip styling

* Make ha-marquee-text slotted and add to gallery

* Format

* Remove aria-label

* Make turn on and off buttons have labels

* Match more figma

* Add integration logo and move grouping/inputs to top

* Hm

* Fix badge

* Minor tweaks

* Disable position slider when seek is not supported

* Process code review

* remove disabled color for slider

* Process UX

* Run prettier

* Mark listener as passive

* Improve bottom controls and styling

* Remove unused function

* Some minor improvements

* Show remaining instead duration

---------

Co-authored-by: Paulus Schoutsen <balloob@gmail.com>
2025-09-24 16:13:37 +02:00
Tom Carpenter
7f88d863e9 Add toolbar to YAML/template editors (#26580) 2025-09-24 09:49:35 +02:00
Aidan Timson
969e655fff Set hardware loading to use alert with spinner (#27149)
* Fix icon size

* Set hardware loading to use alert with spinner

* Match storage size
2025-09-23 17:28:06 +02:00
Paul Bottein
2c602aecee Clear ha-ripple state on disconnected (#27139) 2025-09-23 07:53:07 +03:00
Jan Layola
cbf96898fe Fix history chart issues (#27133)
* Add z-index to reset button

* Add sync-charts property to StateHistoryCharts component
2025-09-23 07:51:57 +03:00
Aidan Timson
1e2d144d26 Update safe areas for dialogs (#27008) 2025-09-22 15:38:39 +02:00
Jan Layola
6aa89cb532 Fix ha-target-picker remove/expad buttons after tooltip migration (#27134) 2025-09-22 15:22:42 +02:00
Paulus Schoutsen
912d710ae4 Change order related items (#27081)
Co-authored-by: Bram Kragten <mail@bramkragten.nl>
2025-09-18 12:38:40 +00:00
Jan-Philipp Benecke
86b99d931a Fix minification errors in ha-tab-group-tab and ha-slider styles (#27090) 2025-09-18 14:28:45 +02:00
Jan-Philipp Benecke
846692bc8a Migrate ha-slider to webawesome (#27075)
* Migrate ha-slider to webawesome

* Fix labeled slider

* Change slider surface color

* Trigger Build

* Remove large and border

* Run prettier

* enable tooltip and focus ring
2025-09-17 19:06:13 +02:00
Aidan Timson
48f5b6dfd3 Safe area: Fix double padding for sidebar (#27078)
Fix double padding for sidebar
2025-09-17 14:16:02 +03:00
Jan Layola
0e8e054db1 Sync charts zoom in history tab (#26898)
* Add chart zoom event system and sync infrastructure to chart-base

- Replace inline datazoom handler with dedicated _handleDataZoomEvent method
- Add _syncZoomState method for zoom state synchronization
- Refactor zoom detection to be more robust and reliable

* Add hide reset button functionality

- Add hideResetButton property to ha-chart-base component
- Add hideResetButton property to state-history-chart-line component
- Add hideResetButton property to state-history-chart-timeline component
- Implement conditional reset button rendering based on hideResetButton flag
- Pass hideResetButton prop through component hierarchy

This allows parent components to control reset button visibility when
implementing custom reset functionality or coordinated multi-chart resets.

* Implement chart zoom synchronization

- Add chart-zoom event handlers to state-history-chart-line component
- Add chart-zoom event handlers to state-history-chart-timeline component
- Forward zoom events with chart index for identification

This enables individual charts to communicate zoom changes to parent
components for coordinated multi-chart synchronization.

* Add floating reset button and sync orchestration

- Add chart-zoom event type definition to HASSDomEvents interface
- Add global zoom state tracking with _hasZoomedCharts property
- Add _isSyncing flag to prevent infinite sync loops
- Implement _handleTimelineSync method for coordinating chart synchronization
- Implement _handleGlobalZoomReset method for resetting all charts
- Enable hide-reset-button on individual charts to use global reset
- Add floating reset button with Material Design styling

On history page the floating reset button appears when any chart is zoomed
and provides a single point to reset all synchronized charts simultaneously.

* Refactor chart zoom synchronization to use public API

Replace direct ECharts dispatchAction calls with proper zoom methods. The parent component now calls chartComponent.zoom() instead of accessing internal chart.dispatchAction() directly.

* Remove duplicate TypeScript declaration of the "chart-zoom" event

* Fix tooltips not shown due to xAxisPointer hidden

* Use chart zoom function in history charts

* Apply code review feedback

* Remove unnecessary any types

* Apply code review feedback
2025-09-17 10:36:28 +03:00
Aidan Timson
0a5b31e328 Add safe areas to bottom sheets and sidebar (#27009)
* Add safe areas to bottom sheet

* Add safe areas to automation sidebar

* Remove

* Add safe areas

* Add safe areas

* Switch
2025-09-16 16:48:06 +02:00
karwosts
3d005c8316 Manual entry mode for media selector (#26753) 2025-09-15 16:48:03 +02:00
Paul Bottein
af31b5add3 Add formatEntityName helper on hass object. (#26057) 2025-09-15 14:18:52 +00:00
Aidan Timson
9d02a1d391 Fix calendar toggle group wrapping (#27049) 2025-09-15 14:12:37 +00:00
Aidan Timson
c09ec54c76 Safe area: containers and panels (#26971)
This commit squashes the following development history:

1e78af3aa - Restore, moved to #26969
d672d9f44 - Restore
53ee5fbbc - Restore
16b4eb98e - Restore
8d8b13f50 - Restore
62e16619d - Apply changes from #27003
f5ee79a47 - Fix
60678689c - Fix
766ed6a25 - Fix
f76bd4f7e - Fix fabs
1879fd0d9 - Fix
ea3ee6de5 - Add safe areas to ha-hanel-custom
aa3384b9a - Add missing
c9a7f76dc - Fix
78351fd1f - Fix
59789d379 - Fix
1c7aabd34 - Remove
eaf1373cf - Fix
8481a93d7 - Fix
fe7df1f2f - Remove
69f244ff3 - Restore
2eb936b64 - Adjust
b09350637 - Fix
c0504bb7e - Clean
b0773d73e - Fix
4caa4a43b - make sure narrow is passed
8885f6bf6 - Add safe areas to 2 pane fixed
62df70f63 - Clean
a87e68d87 - FIx
5086be030 - Fix energy
ac3478e54 - Fix
0f28098a6 - Restore
b65ba3df9 - Restore
b0e1ea6db - Restore
7bb78d1c7 - Fix
26c95df71 - Update
7369c79d3 - Remove
b5f31dad6 - Fix
40cfc437d - Set top level padding instead of individual panels
83b49729f - Restore
25db15816 - Fix
8c9c39827 - Set top level app bar padding instead of individual panels
b7a1b27c9 - Remove
1e9368705 - Device
1482502f9 - Integration page
98dc1bf56 - Fix
1c3de1376 - Add
a08bee4d8 - Remove
0d462439b - Area subpage
4bfd60875 - Areas fix
b5cbcdaf7 - Fix
9fb272074 - Add safe areas to script editor
7c3bc9433 - Add safe areas to scene editor
1cf1b999a - Fix mobile for automation editors
4413bd4b7 - Add safe areas to automation editor
2e6953327 - Add safe areas to blueprint editor
989776dd1 - Add config section padding
6692b7ccf - Fix header row
22337b5e2 - Fix calendar
414e058cd - Fix pane
f09ae0e0c - Fix calendar
fb5a984ee - Fix pane
1daee18c8 - Todo fab
6f52cb42b - Todo content
9b317c583 - Media browser
0f8ca248d - Fix history panel
cd7843799 - Fix logbook
b8d47ecf3 - Fix
d15e9311d - Safe area: dashboard view container should only apply left safe area when in full view

Summary of changes:
- Add narrow property to top app bar components for conditional safe area padding
- Update safe area inset calculations to use fallback values (0px) for better compatibility
- Fix content height calculations to account for safe area insets
- Apply safe area padding conditionally based on narrow state
- Update FAB positioning to respect safe area insets
- Ensure proper spacing and layout on mobile devices with notches/dynamic islands
2025-09-15 15:54:04 +03:00
Paul Bottein
c6c4f91b0e Use slot for tile card info (#27046) 2025-09-15 11:29:48 +03:00
Aidan Timson
bf6eefb692 Migrate from date-fns-tz to @date-fns/tz (#26809)
* Add @date-fns/tz

* Update calc_date

* Refactor ha-date-range-picker

* Refactor calendar panel

* Refactor todo panel

* Remove date-fns-tz

* Cleanup

* Move util functions

* Fix comment

* Reuse

* Restore old check for rrulejs, update to new format
2025-09-15 07:38:08 +03:00
Paul Bottein
046fc00f73 Add home assistant bottom sheet (#26948)
Co-authored-by: Wendelin <12148533+wendevlin@users.noreply.github.com>
2025-09-12 15:33:30 +02:00
Marcin
05775c411b Add transition to button background (#27021) 2025-09-12 14:57:33 +02:00
Simon Lamon
dcbc8b627f Migrate ha-tooltip to webawesome (#26540)
Co-authored-by: Bram Kragten <mail@bramkragten.nl>
2025-09-12 13:09:24 +02:00
Paul Bottein
7082646fe5 Only copy/cut/delete selected automation rows (#26966) 2025-09-12 10:46:23 +02:00
Paul Bottein
5ba5c00c70 Include non-primary entities targeted directly by label (#26952) 2025-09-11 15:12:20 +02:00
Paul Bottein
dcea227f4a Add themes variables to tile card to change border radius (#26999) 2025-09-11 14:55:07 +02:00
Wendelin
1abedcd5f0 Migrate tab-group to webawesome (#26951) 2025-09-11 11:15:24 +02:00
Lukas Waslowski
9e29693293 nitpick: Rename HaFormExpendable to HaFormExpandable (#26994)
nitpick: Rename HaFormExpendable to HaFormExpandable
2025-09-10 21:38:07 +02:00
Lukas Waslowski
3bfafc794f fix: Import ha-expansion-panel in ha-form-expandable (#26996)
fix: Import ha-expansion-panel in ha-form-expandable

The current usages of ha-form-expandable only work correctly because
ha-expansion-panel is already imported somewhere else by coincidence.

This adds an explicit import to avoid breakages when using
ha-form-expandable in a standalone context (e.g. within ./hassio).
2025-09-10 21:37:37 +02:00
Aidan Timson
cc70eb46c9 Safe area: sidebar and notification drawer (#26853)
* sidebar: account for safe-area top inset in menu height/padding; adjust list height calc

* Defaults

* Defaults

* Restore

* Remove test

* Adjust

* Adjust

* Only apply on smaller layouts

* Fix

* Restore

* Restore

* No default in this case

* Restore

* Gain back some space

* Fix

* Adjust

* Tweak

* Calculate when mobile

* Use fallbacks for calculations and others anyway
2025-09-09 11:59:24 +02:00
Aidan Timson
f4238bf291 Safe area: bars (#26816)
* app-bars: apply safe-area insets (top padding and fixed-adjust; add content padding in fixed)

* Set toolbar

* Set bars

* Add left and right insets to root ll

* Add to dev tools header

* Fix

* Apply to subpages (config pages mainly)

* Adjust

* Remove old comment
2025-09-09 08:13:03 +02:00
Wendelin
c041c295d5 Use @home-assistant/webawesome (#26942) 2025-09-08 14:25:47 +02:00
Aidan Timson
62714b2b68 Safe area: dialogs (#26814)
* dialogs: apply safe-area insets (content padding, header mobile insets, more-info top margin)

* Set default (40px prio if not set)

* Set default (default padding prio if not set)

* Set default to avoid issues

* Set on container

* Sort

* No longer needed

* No longer needed

* No longer needed

* Remove

* Restore

* Restore

* Move to padding

* Switch to margins, set min and max height

* Set default

* Account for insets to remove extra scrollbars

* Fix content for filter dialog

* Move margins outside of media check

* Use padding instead

* use min-width instead

* Use padding for just top and bottom

* Calculate lit-virtualizer to include safe areas

* Calculate lit-virtualizer to include safe areas

* Fix double scrollbar from previous

* Remove calculation

* Default

* Remove double calculation

* Remove double calculation
2025-09-08 09:39:27 +02:00
Yosi Levy
52061d6c1a Variour RTL fixes for automation and others (#26891) 2025-09-08 09:13:10 +02:00
Paul Bottein
5abb7d0286 Fix testing condition in iOS (#26879) 2025-09-04 15:50:39 +02:00