search

jmcollin78 / versatile-thermostat-ui-card

A custom card for a Versatile thermostat in home assistant based on versatile_thermostat integration
https://github.com/jmcollin78/versatile_thermostat
MIT License
23 stars 4 forks source link

Add option to move plus and minus buttons to the bottom #31

Open 0verEngineer opened 1 month ago

0verEngineer commented 1 month ago

image

I have the problem you can see in the screenshot, if i have 2 versatile thermostats in a horizontal stack this happens. I don't want to hide the plus/minus buttons, it would be cool if we could have a switch to move them below the other buttons, or next to the heat/off buttons

jmcollin78 commented 3 weeks ago

Hello @0verEngineer,

I'm really not a specialist of css. In the next release you will have the option to remove the circle. I hope this helps.

jmcollin78 commented 3 weeks ago

Kind of duplicate of #26

0verEngineer commented 3 weeks ago

@jmcollin78 Which circle do you mean?

jmcollin78 commented 3 weeks ago

This one: https://github.com/jmcollin78/versatile-thermostat-ui-card/releases/tag/0.6.2

0verEngineer commented 3 weeks ago

Hmm i don't really know if this will fix the issue, and i quite like the circle 😅

jmcollin78 commented 3 weeks ago

If you are an expert in html/css, I would love to have a PR. I just copy this from Best Thermostat UI and adapt but the result is not fabulous.

0verEngineer commented 3 weeks ago

I don't know how to set up the dev env, i tried following things:

  1. start:hass script

    • installed HACS and Versatile Thermostat in it
    • connected to my MQTT server to have real thermostats But now i have no idea how i get the ui card in it

  2. start script Here i get a url in the terminal but the page shows following: image

jmcollin78 commented 3 weeks ago

To set-up the env dev, I do the following:

  1. have a VScode with Versatile Thermostat,
  2. have another VSCode with Versatile Thermostat UI. Run npm run build to build the dist directory,
  3. in the first VScode, you have in the devcontainer.json, I mount the dist directory of the UI into config/www/community "source=${localEnv:HOME}/SugarSync/Projets/home-assistant/versatile-thermostat-ui-card/dist,target=/workspaces/versatile_thermostat/config/www/community/versatile-thermostat-ui-card,type=bind,consistency=cached" . You will have adapt this line to mount the dist directory of your second VSCode.
  4. Run Versatile Thermostat in the first VScode and create a VTherm and create a UI card.