Skip to content

Fork of Mushroom Cards - For better touch control of light sliders ๐Ÿ„

License

Notifications You must be signed in to change notification settings

phischdev/lovelace-mushroom-better-sliders

ย 
ย 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ„ Mushroom (--Better-Sliders)

Overview

What is mushroom-better-sliders?

This is a fork of the fantastic Mushrooms UI Cards by piitaya, a collection of cards for Home Assistant Dashboard UI.

โš ๏ธ This mod will not work, if you still have the original Mushroom installed

It focuses on making the sliders more touch friendly.

  1. Sliders move on reduced speed when dragged by a finger (easier to hit small values)
  2. Sliders can be dragged from any point on the slider (like in iOS Home)
  3. Sliders apply live changes to your devices (except turning them off)
  4. Explicitly makes it easier to hit 1%

Installation

HACS

Mushroom Better Sliders is available in HACS (Home Assistant Community Store).

  1. Install HACS if you don't have it already
  2. Open HACS in Home Assistant
  3. Go to "Frontend" section
  4. Click button with "+" icon
  5. Search for "Mushroom Better Sliders"

Manual

  1. Download repository and build mushroom.js. Instructions are in the original repo.
  2. Put mushroom.js file into your config/www folder.
  3. Add reference to mushroom.js in Dashboard. There's two way to do that:
    • Using UI: Settings โ†’ Dashboards โ†’ More Options icon โ†’ Resources โ†’ Add Resource โ†’ Set Url as /local/mushroom.js โ†’ Set Resource type as JavaScript Module. Note: If you do not see the Resources menu, you will need to enable Advanced Mode in your User Profile
    • Using YAML: Add following code to lovelace section.
      resources:
          - url: /local/mushroom.js
            type: module

Merging upstream

  • git fetch upstream
  • git merge vX.X.X (merge release commit)
  • resolve conflicts
  • run npm i to generate package-lock.json
  • npm run start to host
  • Edit Dashboard -> Manage Resources -> Add hosted "http://192.168.x.x:4000/mushroom.js" -> Disable current Mushroom (better sliders) resource -> Reload
  • Test
  • Create Pull Request

About

Fork of Mushroom Cards - For better touch control of light sliders ๐Ÿ„

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 99.6%
  • JavaScript 0.4%