From 9476fd96af39609fc676970c57d1139d8404cd3b Mon Sep 17 00:00:00 2001 From: Dermot Duffy Date: Tue, 11 Apr 2023 20:02:46 -0700 Subject: [PATCH] Add editor support for max-height and min-height . --- src/const.ts | 2 ++ src/editor.ts | 4 ++++ src/localize/languages/en.json | 4 +++- src/localize/languages/it.json | 4 +++- src/localize/languages/pt-BR.json | 6 ++++-- 5 files changed, 16 insertions(+), 4 deletions(-) diff --git a/src/const.ts b/src/const.ts index b5bb42cf..7ae897e3 100644 --- a/src/const.ts +++ b/src/const.ts @@ -239,6 +239,8 @@ const CONF_DIMENSIONS = 'dimensions' as const; export const CONF_DIMENSIONS_ASPECT_RATIO = `${CONF_DIMENSIONS}.aspect_ratio` as const; export const CONF_DIMENSIONS_ASPECT_RATIO_MODE = `${CONF_DIMENSIONS}.aspect_ratio_mode` as const; +export const CONF_DIMENSIONS_MAX_HEIGHT = `${CONF_DIMENSIONS}.max_height` as const; +export const CONF_DIMENSIONS_MIN_HEIGHT = `${CONF_DIMENSIONS}.min_height` as const; export const CONF_OVERRIDES = 'overrides' as const; diff --git a/src/editor.ts b/src/editor.ts index c47fbb0d..6f9779a0 100644 --- a/src/editor.ts +++ b/src/editor.ts @@ -142,6 +142,8 @@ import { CONF_VIEW_UPDATE_FORCE, CONF_VIEW_UPDATE_SECONDS, MEDIA_CHUNK_SIZE_MAX, + CONF_DIMENSIONS_MAX_HEIGHT, + CONF_DIMENSIONS_MIN_HEIGHT, } from './const.js'; import { localize } from './localize/localize.js'; import frigate_card_editor_style from './scss/editor.scss'; @@ -1978,6 +1980,8 @@ export class FrigateCardEditor extends LitElement implements LovelaceCardEditor this._aspectRatioModes, )} ${this._renderStringInput(CONF_DIMENSIONS_ASPECT_RATIO)} + ${this._renderStringInput(CONF_DIMENSIONS_MAX_HEIGHT)} + ${this._renderStringInput(CONF_DIMENSIONS_MIN_HEIGHT)} ` : ''} ${this._renderOptionSetHeader( diff --git a/src/localize/languages/en.json b/src/localize/languages/en.json index 1ed34844..06bc05a8 100644 --- a/src/localize/languages/en.json +++ b/src/localize/languages/en.json @@ -186,7 +186,9 @@ "dynamic": "Aspect ratio adjusts to media", "static": "Static aspect ratio", "unconstrained": "Unconstrained aspect ratio" - } + }, + "max_height": "Maximum card height in CSS units (e.g. '100vh')", + "min_height": "Minimum card height in CSS units (e.g. '100px')" }, "image": { "layout": "Image Layout", diff --git a/src/localize/languages/it.json b/src/localize/languages/it.json index bdc1723a..bc7ef5aa 100644 --- a/src/localize/languages/it.json +++ b/src/localize/languages/it.json @@ -186,7 +186,9 @@ "dynamic": "Le proporzioni si adattano ai media", "static": "Proporzioni statiche", "unconstrained": "Proporzioni non vincolate" - } + }, + "max_height": "", + "min_height": "" }, "image": { "layout": "Disposizione dell'immagine", diff --git a/src/localize/languages/pt-BR.json b/src/localize/languages/pt-BR.json index d221ba23..7cceea8e 100644 --- a/src/localize/languages/pt-BR.json +++ b/src/localize/languages/pt-BR.json @@ -186,7 +186,9 @@ "dynamic": "A proporção se ajusta à mídia", "static": "Proporção estática", "unconstrained": "Proporção irrestrita" - } + }, + "max_height": "", + "min_height": "" }, "image": { "layout": "Layout da imagem", @@ -478,4 +480,4 @@ }, "select_date": "Escolha a data" } -} \ No newline at end of file +}