Any way to fit more little area cards in a section of a dashboard

Configuration Frontend
1

The goal is to preserve the ability to reorder the cards with drag and dropping.

I need to fit more area cards in one of the sections, but the editor disallows me to make the card smaller then 6x4, do whatever I do it still occupies too much place.

The below somewhat work (and worked for me in the masonry layout), the characters become small, but the card itself doesn’t get smaller:

type: grid
card_mod:
  prepend: true,
  style: |
    .container {
      zoom: 0.5;
      line-height: 1;
    }
cards:
  - camera_view: auto
    grid_options:
      min_rows: 1
      min_columns: 3
      columns: 3
      rows: 4
    alert_classes:
      - motion
      - moisture
    sensor_classes:
      - temperature
      - humidity
......

What I am currently doing is enlarge the other sections with the similar hack (zoom: 2) and command the kiosk firefox to reduce overall scale of the dashboard, then it looks as I want but all other dashboards get too small with this.

So I’m seeking the ways to reduce the size of cards in a select section rather then enlarge the others.

Any card_mod css hints? I tried to modify the --column-span, --column-size and such but they seem to get recalculated…

edit I’d wish not to manually edit the yaml of each card, but apply some global style for a select section. The cards may be added or removed too frequently for now, and that’d be too much typing and error prone

2

In the cards configuration you’ll see something like this

grid_options:
  rows: 6
  columns: 4

If you want to make them smaller than what is predefined you have add min-rows: and min-colums: so that it’ll respect what you set it to, like this


grid_options:
  min_rows: 1
  rows: 4
  min-columns: 1
  columns: 3
3

Thank you! Managed to set it individually for one card.
Is there any way to allow the new minimums to all 18 cards without extensive copy-pasting?
The containing grid (section) card doesn’t seem to propagate the setting to the cards within it

4

Not that I’m aware of, sorry.

5

Thank you, I’ve clarified the original post that I’m seeking for a more global setting, maybe someone gives a hint