Comments (4)
For now, as a first iteration, we can include:
.nrdb-ui-sparkline path {
stroke-dasharray: 0 !important;
}
in the ui-template
, and attach the appropriate class
to the v-sparkline
to circumvent the blocking issue.
from node-red-dashboard.
![Screenshot 2024-04-25 at 11 39 52](https://private-user-images.githubusercontent.com/99246719/325574260-61f04ad8-da40-41b7-8e6f-423280ea93df.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkzNjE3MTMsIm5iZiI6MTcxOTM2MTQxMywicGF0aCI6Ii85OTI0NjcxOS8zMjU1NzQyNjAtNjFmMDRhZDgtZGE0MC00MWI3LThlNmYtNDIzMjgwZWE5M2RmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjI2VDAwMjMzM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTRmZjlkZjQ4ZjEyYzE3MTEyZmQ3NDJhZGIxZDI3MDg4ZjFiODdjYzU2MGRiZjVjNWY0MDFmMTAzMDVkMzk2NzYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.7DgT0XVQbQgOif5ETt4H2hXuIBoqsPbNFYnea1tLHfE)
from node-red-dashboard.
For now, as a first iteration, we can include:
.nrdb-ui-sparkline path { stroke-dasharray: 0 !important; }in the
ui-template
, and attach the appropriateclass
to thev-sparkline
to circumvent the blocking issue.
FWIW, your comment on the vuetify issue states:
It does seem to be linked to the dash offset value on the path:
Removing the dashoffset in the CSS dev tools fixes the issue:
Emphasis on offset
- should be dasharray
(as in stroke-dasharray
)
from node-red-dashboard.
Thanks @Steve-Mcl
from node-red-dashboard.
Related Issues (20)
- Dynamic Properties: UI Form
- Variable `--layout-columns` not defined for `Fixed` Layout HOT 1
- Dashboard Page set to `hide` after updating parameters
- dynamic Grafana plugin in iframe did not work HOT 3
- v1.12.0: Size of widget not respected for Fixed layout HOT 4
- New Nodes: In/Out User-Specific Context Store HOT 2
- ui-dropdown - topic is lost when using Accept Client Data
- ui-dropdown - Dropdown shows "No options available" when options are provided dynamically HOT 6
- File Input: Add examples HOT 2
- Updating to @flowfuse/[email protected] a bug occurred in "ui-group node" HOT 24
- ui-dropdown - Not parsing `options` when widget is reload based on message `widget-load` HOT 1
- Third-party nodes not loading when Dashboard hosted on proxy HOT 3
- Form widget - layout shift when required input field shows the message "<name> is required"
- Option to get `socketIp` via custom headers HOT 2
- HowTo: Use button from dashboard 2.0 to get an external Link. HOT 3
- ui-text-input, multiline text area does not fill available space. HOT 1
- File Input: Support larger file uploads
- ui-dropdown doesnt display selected value when sent via. msg HOT 4
- ui-dropdown doesnt pass correct value for multiple select options - and when msg pass through is enabled. HOT 2
- ui text box - when user clears the data - no event gets generated. HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from node-red-dashboard.