FlowFuse / FlowFuse/node-red-dashboard

CSS Color of limits from UI-Gauge not working

Open
#1,676 0 comments 0 reactions 0 assignees View on GitHub
needs-triage type:bug
Dominant language
HTML
Stars
355
Forks
82
Avg merge
4d 23h
Merged PRs (30d)
24

Description

### Current Behavior

When I configure te colors of the UI-Gauge the color is not respected and is dimmed. It also flickers on Fully Kiosk Browser when using Hardware Acceleration. I think the color is adjusted in javascript somewhere.

.nrdb-ui-gauge #limits text {
color: #FFF !important;
fill: #FFF !important;
}

### Expected Behavior

When I configure the color of ui gauge limits the CSS should be respected and not dimmed and shouldn't flicker in Fully Kiosk Browser.

### Steps To Reproduce

Open a UI-Gauge in a browser with the css and see the colors are not respected.

### Environment

- Dashboard version: 1.23.0
- Node-RED version: 4.0.9
- Node.js version: 20.19.0
- npm version: 10.8.2
- Platform/OS: Synology DSM 7.2 Linux
- Browser: Chrome and Fully Kiosk Browser on Android

### Have you provided an initial effort estimate for this issue?

I am not a FlowFuse team member

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.