fix: Replace max_height with height (#1539)

* fix: Replace `max_height` with `height`

BREAKING CHANGE: This entirely removes `min_height`, and replaces `max_height` with `height`. The behavior is obviously not exactly the same, but the prior behavior did not actually work correctly. CSS does not  limit the height of child elements that are `100%` of their parents height if the parent does not have an explicit height set (this caused spillage over the set max height). As such, it's simpler to just allow the user to set the actual height of the card should they need to do so, with a (hopefully) minor loss of flexibility.

* Test fixes
This commit is contained in:
Dermot Duffy authored and GitHub committed 2024-09-15 17:29:05 -07:00
1 parent e13e53b430
commit f924537025
17 files changed
+72 -52

No files matched your search

+2 -4
View File
@@ -209,8 +209,7 @@ describe('StyleManager', () => {
vi.mocked(api.getConfigManager().getConfig).mockReturnValue(
createConfig({
dimensions: {
max_height: '800px',
min_height: '400px',
height: '800px',
},
}),
);
@@ -218,8 +217,7 @@ describe('StyleManager', () => {
manager.setMinMaxHeight();
expect(element.style.getPropertyValue('--frigate-card-min-height')).toBe('400px');
expect(element.style.getPropertyValue('--frigate-card-max-height')).toBe('800px');
expect(element.style.getPropertyValue('--frigate-card-height')).toBe('800px');
});
});