Add editor support for max-height and min-height .

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;
 

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)}
             </div>`
           : ''}
         ${this._renderOptionSetHeader(

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",

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",

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"
   }
-}
+}