Open more-info dialog always big

Configuration Frontend
4

If you really need it…
Add this js file into “www/whatever”:

customElements.whenDefined('ha-more-info-dialog').then(UIElement => {
  const { css } = UIElement.prototype;
  const newStyle = css`
    @media (min-width: 600px) and (min-height: 501px) {
      ha-dialog {
        --mdc-dialog-min-width: 90vw !important;
        --mdc-dialog-max-width: 90vw !important;
      }
    }`;
  UIElement.elementStyles.push(newStyle);
});

Add into “configuration.yaml”:

frontend:
  ...
  extra_module_url:
    - /local/whatever/my_super_hack.js

This gives this:

image
image1856×688 56.3 KB

But a result may be not always pleasant:

image
image1860×375 18.4 KB

Note that using external js is risky.