Giter Club home page Giter Club logo

Comments (9)

CM000n avatar CM000n commented on June 14, 2024

This should probably solve that: #35

from ui.

damianeickhoff avatar damianeickhoff commented on June 14, 2024

I'm not sure how I should implement that.

Do I need to change the triggers_update in the chip_icon_state template to - "all" instead of
- "[[[ variables.ulm_chip_icon_state_entity ]]]"?

from ui.

CM000n avatar CM000n commented on June 14, 2024

Exactly! :-) But the right synthax would be:
triggers_update: all

With the next release this should be fixed anyway

To be honest I don't know if it is the real solution in your case in the context of the custom:state-switch card. But currently it is definitely wrong and ensures that the states of the button cards / chips are not updated.
So try it ;-)

from ui.

damianeickhoff avatar damianeickhoff commented on June 14, 2024

Well, that is a step in the right way. The chip updates the state, but... The margin seems to be off.
afbeelding

I guess this has something to do with the state-switch but, can you fix that or?

EDIT: This has nothing to do with the change of the triggers_update, I didn't noticed it before. So its definitely the state-switch.

Let me know what to do.

from ui.

CM000n avatar CM000n commented on June 14, 2024

Yes, I unfortunately encountered the same problem in connection with conditional cards. 😩
https://community.home-assistant.io/t/lovelace-ui-minimalist/322687/168
But this doesn't seem to be a problem with the minimalist theme in general, but rather with conditionally displayed cards and css itself. 🙄

from ui.

damianeickhoff avatar damianeickhoff commented on June 14, 2024

Well I found something. When I inspect the chip with the dev tools in Firefox, there is a CSS style flex: 1 1 0; for the state-switch.

By turning that off, the buttons aligning nicely.

Just don't know how this could be implemented in the template.

from ui.

CM000n avatar CM000n commented on June 14, 2024

Yes, but it is in the CSS of the condition card, right? So nothing we could do here I think. Maybe you should create an issue for this in the corresponding repo for custom:state-switch card as well.

from ui.

damianeickhoff avatar damianeickhoff commented on June 14, 2024

Yes, will do that. In the mean time, might u find a way to fix this, please let me know! :)

from ui.

CraneJen avatar CraneJen commented on June 14, 2024

Well, that is a step in the right way. The chip updates the state, but... The margin seems to be off. afbeelding

I guess this has something to do with the state-switch but, can you fix that or?

EDIT: This has nothing to do with the change of the triggers_update, I didn't noticed it before. So its definitely the state-switch.

Let me know what to do.

any one sloved the margin problem?

from ui.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.