šŸŒ» Lovelace UI ā€¢ Minimalist

    #view {
      height: 100vh !important;
    }

Thatā€™s it! Thanks!)

1 Like

Weird as that is exactly the change in v1.3.4-Hotfix :sweat_smile:

I think this is more than just weird, because after the hotfix I did a full reinstall )
ĀÆ_(惄)_/ĀÆ

Can anyone confirm if force background color is working for binary sensor cards? I have it working for lights and switches, but for some reason my binary sensor cards continue to behave as if force background color was set to false

My dashboard has gotten large enough that Iā€™ve now broken up each view as a separate yaml file. The main Lovelace just has the ā€œincludesā€ for each view.

While doing this, I also added another ā€œtestā€ view in the main Lovelace file and created a new ā€œtest.yamlā€ associated with it.

When I reload the page, the main Lovelace page sees that there is the additional view but when I click on it, it doesnā€™t select that view and automatically selects the view right before it. Itā€™s as if it doesnā€™t know where to find the yaml file and canā€™t load it.

I started making some edits in some of these views, I change names and move stuff around and save. However, when refreshing the page none of those changes show up either.

Only way I am able to see the changes is by restarting HA. A reload of the config doesnā€™t do anything. Viewing from companion app doesnā€™t see the change either.

I have not tested it with the default overview dashboard, so I donā€™t know if it has to do with this UI minimalist theme or not. Any ideas?

Having the same issue and made a PR to fix it:

I installed minimalist theme before it was on HACS, and have made a few tweaks to it since. Last HA upgrade changed the way minimalist-mobile theme works for me, with the top menu bar unable to be hidden:
image
Before, only the colour icon row would show in minimalist-mobile mode, now it shows both the colour icon row and the row above.

Iā€™ve tried reloading themes from Developer Settings, clearing browser cacheā€¦ is there anything else I can do to get it back to how it was?

Hello everyone
I have a problem with the color of the icons. I would like a different color depending on the fuel level. Unfortunately I have no success

  - type: horizontal-stack
    cards:
      - type: 'custom:button-card'
        template: card_generic_swap
        entity: sensor.formentor_2_0_fuel_level
        variables:
          ulm_card_generic_swap_name: Benzinstand
          ulm_card_generic_swap_icon_color: |-
                {% set state = states('sensor.formentor_2_0_fuel_level') %}
                {% if is_number(state) and state | float < 66 %}
                  green
                {%elif is_number(state) and state | float < 33 %}
                  orange
                {%else%}
                  red

  - type: horizontal-stack
    cards:
      - type: 'custom:button-card'
        template: card_generic_swap
        entity: sensor.formentor_2_0_fuel_level
        variables:
          ulm_card_generic_swap_name: Benzinstand
          ulm_card_generic_swap_icon: mdi:fuel
        styles:
          icon:
            - color: >
                [[[ 
                  let state = states['sensor.formentor_2_0_fuel_level'].state
                  if(parseFloat(state) <= 100 && parseFloat(state) >= 50 ){
                    return 'green' }
                  else if(parseFloat(state) < 50){
                    return 'orange' }
                  return 'red'
                ]]] 

image

any ideas?

i created something similar for my car. But the ha-card styles depends from the card type.

- type: 'custom:button-card'
        template: card_generic_swap
        entity: sensor.sup_com_ivspo_ts115_14a6f_fuel_level
        variables:
          ulm_card_generic_swap_name: "Benzin Level"
          ulm_card_generic_swap_icon: mdi:fuel
        styles:
          card:
            - background-color: "rgba(0,0,0,0.0)" 
        card_mod:
              style: |
                ha-card {
                  {% if states('sensor.sup_com_ivspo_ts115_14a6f_fuel_level') | float(0) > 70 %}
                    --card-mod-icon-color: #80C994;
                  {% elif states('sensor.sup_com_ivspo_ts115_14a6f_fuel_level')| float(0) < 20  %}
                    --card-mod-icon-color: #F18B82;
                  {% else %}
                    --card-mod-icon-color: #FCD663;
                  {% endif %}
                }
1 Like

Check the template of card_generic_swap here: Link.
Icon color is defined in the custom_fields section. If you change the operator and value together with the icon color you should be fine.

Iā€™m on version 2023.4.6 (latest I think) and Iā€™m still seing the Navigation bar on the top for ā€˜minimalist-mobileā€™ I cannot remember the exact point where this stated to happen (last Feb, march?).

Did you do anthing to solve it?
Thanks

image

As the adaptive dashbaord is way slower than the normal one i would like to migrate back. Is there any transition for that? I donā€™t want to play around again with all the layouts.

Or can i just kick out the popup part from my yaml files for that?
Or for sure did anybody of you improved somehow the performance with the adaptive dashboard incl. Popup View?

I can concur that the adaptive dashboard is much slower than the normal one. It way more noticeable on desktop clients, so I ended up creating a normal dashboard for desktop. I still use the adaptive for mobile but will probably create a normal dashboard for that as well as I donā€™t really need the adaptive features anymore.

It should be pretty easy to create a new dashboard as the code is already there. The two dashboards are coded differently but as long you format it correctly for the normal dashboard you should be able to just copy and paste.

Thank you!
That solved my problem!

You need to update UI Lovelace Minimalist in HACS. If that will not break issue, replace string like this ā€“ šŸŒ» Lovelace UI ā€¢ Minimalist - #3252 by AINER

Strange, I did updated everything on HACS and I went to my ā€˜minimalist-mobile.yamlā€™ file and the code already looks ok.

  card-mod-root: |
    .header {
      display: none;
    }
    #view {
      margin: 0 !important;
      height: 100vh !important;
    }

Still, the top bar is shown :frowning:

Did anybody of you achived to use the card_welcome_scenes with one scene displayed only on some condition?

Before i used chips for that case in combination of conditional card. In the end i want to display only one scene if itā€™s christmas season for my christmas lights.

Any idea to combine this in the current welcome_scenes card?

hi,

where can i find this Templates:

            template:
              - card_room
              - red_on

:slight_smile:

edit: I find it here: Room Card - UI Lovelace Minimalist

For the color stuff ā€œred_onā€ you can find them here UI/custom_components/ui_lovelace_minimalist/lovelace/ulm_templates/card_templates/colors at main Ā· UI-Lovelace-Minimalist/UI Ā· GitHub
And the template ā€œcard_roomā€ you can find here UI/card_room.yaml at 6d147f2b9062fd206dc6da5cdb056a5de785e32e Ā· UI-Lovelace-Minimalist/UI Ā· GitHub

But if you installed Minimalist UI already manual or via HACS then you should have it. There are default templates from the installation

same problem; could it be a problem of ios/macos/safari?