🌻 Lovelace UI • Minimalist

Share your Projects!
,
3671

Hey!

One of my chips has a smaller font, compared to the others, see below. How can I make all of the chips align to that smaller font?

image

3672

Hej nikno

Can you tell us which Chip Tempaltes you use? In some, the font size is already defined in the template.

Maybe you can post your code for the chips

3673

Sure, that make sense - thanks! These are the ones I am using.

For the electricity price;

- type: 'custom:button-card'
  template: chip_power_consumption

For the weather;

- type: 'custom:button-card'
  template: chip_temperature

For the alarm (which currently uses the smaller font);

- type: 'custom:button-card'
  template: chip_alarm

For all others;

- type: "custom:button-card"
  template: chip_mdi_icon_state
3674

I see the problem, but I can’t offer you a nice solution. There is a quick and dirty way:

image
image295×662 9.58 KB

you can edit the font-size direct in the template-card:

image

Change the value to 14px

3675

Thanks for suggestion.

I tried to change this one, but this one seems only to affect the alarm chip - and no other chip.

Change to “10px”;
image

Change to “14px”;
image

But :smiley: I would like to change all other chips to use the smaller font size that the alarm one (which I guess is “12px”), to make them use less space (width). I checked the other yaml files in this folder - but there seem to be no font-size reference to tune/change at all…

So, maybe there is some default font-size setting that affects all other chips…(or at least this is the case in my installation…).

3676

That is correct. The alarm chip is the only one that is not defined directly via the template “chips.yaml”. So if you want to make other people’s fonts smaller. you have to edit the template “chips.yaml”.

image

image
image516×696 19.6 KB

1 Like
3677

Thanks - just what I was looking for.

1 Like
3678

But does not seem to be fully persistent. I think it got reset back to default value when I updated HA.

3679

Got it!
Took some time to figure it out but here’s how it works:

  - type: "custom:button-card"
    template: chip_temperature
    variables:
      ulm_chip_temperature_outside: sensor.bewegungsmelder_ankleidezimmer_temperature
      ulm_chip_temperature_weather: weather.forecast_home
    styles:
      label:
        - font-size: 20px

You can enter your font size in “font-size” . It’s static and independent of updates

1 Like
3680

Thanks again. Also much cleaner to have it in my yaml files, instead of the “system ones”.

3681

Can the Minimalist UI Cards be used in our own themes? So for example, I want to use the People card in my theme, and not the default UI Lovelace Minimalist theme.

Thanks

3682

Hi everyone!

I am just starting with Minimalist and really love it!
The card I want to use for my rooms is custom_card_esh_room, but I want to make one change.
In this card, the climate is shown by state of the climate entity.

image
image757×917 51.1 KB

But I have climate entities that have presets, and would like to show colors/icons based on that.

image
image405×833 24.7 KB

What would I need to change to edit this?
Regards, Patrick

3683

i asked the question somewhere else but was been told to ask it in this subforum…

I have a good working dashboard.

Now I have made a new one in my config.yaml.

dashboards:
    prak-X:
      mode: yaml
      title: X
      show_in_sidebar: true
      filename: ui_lovelace_minimalist/dashboard/adaptive-dash/adaptive-ui.yaml

I copied al my yaml files from the original dashboard, but in the new dashboard all my cards are missing. Probably something to do with directory structure. How do I correct this ?

3684

Hi all!
I was wondering: is there a nice UI Minimalist solution for input_selects / dropdown entities? I have a couple that I really would like to use, but I can’t seem to find a nice style for that.

I would also like to integrate those into the scenes card or welcome scenes, where the dropdown opens on a tap, but I can’t find out how to do that at all.

Any suggestions?

3686

What are you using for that bottom cards?

3687

I wonder if this is still maintained… there has been no commit on GitHub for 6 months and there seems to be bigger issue in the configuration of this integration: Unable to configure - add new custom cards via integration · Issue #1493 · UI-Lovelace-Minimalist/UI · GitHub

3688

Hi. I try to use !include within my view Yaml to structure more my dashbord.

I can’t do it what is the good syntax?

  • title: “Home”
    path: “home”
    cards:

    !include “home/welcome.yaml”
    !include “home/room_menu.yaml”

image
image842×379 19.3 KB

3689

lower the indentation level by one, ie. don’t indent the tile,path etc…

title: Home
icon: mdi:home-circle
path: home
cards:
  # Sidebar
  - !include sidebar.yaml
3690

It’s not working. When I add a second !include I have an error

while parsing a block mapping in “/config/ui_lovelace_minimalist/dashboard/views/home.yaml”, line 1, column 3 expected , but found ‘’ in “/config/ui_lovelace_minimalist/dashboard/views/home.yaml”, line 5, column 5

3691

sounds like an issue with your yaml files.

here’s is a snippet of my sidebar.yaml file

type: vertical-stack
view_layout:
  grid-area: sidebar
cards:
  - type: custom:stack-in-card
    mode: vertical
    cards:
      - type: conditional
        conditions:
          - condition: screen
            media_query: "(max-width: 767px)"
        card:
          type: custom:clock-weather-card
          entity: weather.high_croft_daily
          locale: en-GB
          date_pattern: ccc, DDD
          animated_icon: true
          hide_forecast_section: true
          use_browser_time: true
          show_decimal: true
          card_mod:
            style: |
              .card-content {
                padding-top: 0px !important;
                padding-bottom: 0px !important;
              }