`
If anyone fancies a play before I come back to this on Tuesday, please feel free to fork/PR! All help is very much appreciated.
---
### Author:  [@jbudd](https://discourse.nodered.org/u/jbudd)
#### Post date: [10 August 2024 10:46 UTC](https://discourse.nodered.org/t/css-challenge-water-tank-svg-mask/90091/2 "2024-08-10T10:46:25Z")
How do we install these [future] gauge types?
```auto
npm install @flowfuse/node-red-dashboard@next
npm error code ETARGET
npm error notarget No matching version found for @flowfuse/node-red-dashboard@next.
```
---
### Author:  [@joepavitt](https://discourse.nodered.org/u/joepavitt)
#### Post date: [10 August 2024 10:59 UTC](https://discourse.nodered.org/t/css-challenge-water-tank-svg-mask/90091/3 "2024-08-10T10:59:00Z")
> **[Contributing | Node-RED Dashboard 2.0](https://dashboard.flowfuse.com/contributing/#clone-build-the-repository)**
>
> Join the development of Node-RED Dashboard 2.0. Learn how you can contribute to making it better for everyone.
You need to clone/install the source from GitHub, as its not published to npm anywhere at the moment
---
### Author:  [@jbudd](https://discourse.nodered.org/u/jbudd)
#### Post date: [10 August 2024 11:35 UTC](https://discourse.nodered.org/t/css-challenge-water-tank-svg-mask/90091/4 "2024-08-10T11:35:42Z")
Thanks for the link.
It looked complicated but I tried.
Unfortunately `npm run build` died out of memory (a Pi 4 with 2GB).
---
### Author:  [@joepavitt](https://discourse.nodered.org/u/joepavitt)
#### Post date: [10 August 2024 12:03 UTC](https://discourse.nodered.org/t/css-challenge-water-tank-svg-mask/90091/5 "2024-08-10T12:03:56Z")
I'd expect to not need _that_ much, but the development version is certainly more computationally expensive than our released builds
---
### Author:  [@jbudd](https://discourse.nodered.org/u/jbudd)
#### Post date: [10 August 2024 12:28 UTC](https://discourse.nodered.org/t/css-challenge-water-tank-svg-mask/90091/6 "2024-08-10T12:28:13Z")
I uninstalled zram (which uses some memory as RAM based swap space), then it compiled.
---
### Author:  [@joepavitt](https://discourse.nodered.org/u/joepavitt)
#### Post date: [10 August 2024 12:36 UTC](https://discourse.nodered.org/t/css-challenge-water-tank-svg-mask/90091/7 "2024-08-10T12:36:05Z")
To get the water tank you'll need to switch to the `1192-gauge-water-tank` branch linked to the PR, then `npm run build` and it'll be in there.
Anytime you're changing the source CSS/Vue, just need to re-build, and itll update on your Dashboard.
---
### Author:  [@jbudd](https://discourse.nodered.org/u/jbudd)
#### Post date: [10 August 2024 12:40 UTC](https://discourse.nodered.org/t/css-challenge-water-tank-svg-mask/90091/8 "2024-08-10T12:40:33Z")
> [@joepavitt](#):
>
> Anytime you're changing the source CSS/Vue, just need to re-build, and itll update on your Dashboard.
👍🏽
I am initially looking at the battery gauge with the aim of making the colour continuously variable
---
### Author:  [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)
#### Post date: [10 August 2024 13:33 UTC](https://discourse.nodered.org/t/css-challenge-water-tank-svg-mask/90091/9 "2024-08-10T13:33:25Z")
> [@joepavitt](#):
>
> If anyone fancies a play before I come back to this on Tuesday, please feel free to fork/PR! All help is very much appreciated.
It might be useful to mention @hotNipi, unless he is currently buried somewhere partially intoxicated with alcohol on a beach of some tropical island 🌴 🏖 🥂
---
### Author:  [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [10 August 2024 13:51 UTC](https://discourse.nodered.org/t/css-challenge-water-tank-svg-mask/90091/10 "2024-08-10T13:51:28Z")
I'm nearby. Vacation just started. This means grandchildren and that long list of activities which I refused to read to the end. So the CSS has currently priority order `Number.MIN_SAFE_INTEGER`
---
### Author:  [@joepavitt](https://discourse.nodered.org/u/joepavitt)
#### Post date: [11 August 2024 07:43 UTC](https://discourse.nodered.org/t/css-challenge-water-tank-svg-mask/90091/11 "2024-08-11T07:43:57Z")
Spent another 6-7 hours on this, finally got it working, and the wave mask then makes the number very difficult to read - abandoning and just rendering in black 😃
---
### Author:  [@mellerbeck](https://discourse.nodered.org/u/mellerbeck)
#### Post date: [15 August 2024 22:45 UTC](https://discourse.nodered.org/t/css-challenge-water-tank-svg-mask/90091/12 "2024-08-15T22:45:05Z")
the wave mask was cool looking..... but visibility trumps cool
---
### Author:  [@joepavitt](https://discourse.nodered.org/u/joepavitt)
#### Post date: [29 August 2024 22:45 UTC](https://discourse.nodered.org/t/css-challenge-water-tank-svg-mask/90091/13 "2024-08-29T22:45:41Z")
This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.