hotNipi / node-red-contrib-ui-artless-gauge

Node-RED dashboard widget, gauge with minimal design
MIT License
15 stars 4 forks source link

Label Text very small #31

Open jemarr opened 1 year ago

jemarr commented 1 year ago

I'm using artless-gauge so big 7x7, but label text size is really small. Value and icon are ok. Are there any way to increase the size ???

I would like to increase a bit the value text size as well.

Theme font is 'System Font (default)'

Thanks

image

hotNipi commented 1 year ago

Those can be easily adjusted by CSS override

[{"id":"09d96facad77ed26","type":"ui_template","z":"bf0d83d32eec75c2","group":"68c477fe180b2ad2","name":"artless gauge label and value font size CSS","order":1,"width":0,"height":0,"format":"<style>\n .nr-dashboard-ui_artlessgauge text{\n font-size:2em ; \n }\n .nr-dashboard-ui_artlessgauge tspan.big{\n font-size:6em ;\n }\n\n</style>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"global","className":"","x":670,"y":2140,"wires":[[]]},{"id":"68c477fe180b2ad2","type":"ui_group","name":"Default","tab":"6e7f9da.d28aee4","order":1,"disp":true,"width":"6","collapse":false,"className":""},{"id":"6e7f9da.d28aee4","type":"ui_tab","name":"Home","icon":"dashboard","order":2,"disabled":false,"hidden":false}]

jemarr commented 1 year ago

oh, thanks, now it's perfect.

Great job !!!

jemarr commented 1 year ago

Sorry,

Label is bigger now, but Value is still the same size:

image

image

hotNipi commented 1 year ago

Oh yes. my mistake.

.nr-dashboard-ui_artlessgauge text.big{ font-size:6em ; }

jemarr commented 1 year ago

yes, thanks i've just sort it:

image

jemarr commented 1 year ago

Thanks for your support....

Tomorrow I'll try your node-red-contrib-ui-statechart to replace my actual electricity price scale I've done just with colors:

image

Will see.

hotNipi commented 1 year ago

Why? Your creature is very nice :)

jemarr commented 1 year ago

Thanks !!!

But your witget is really nice, and will be usefull to get the prices as a chart, not just colors.

This is my actual UI:

image

Proud of it !!!

hotNipi commented 1 year ago

Very nice and clean. Love it!!

hotNipi commented 1 year ago

Started to build new monitoring page form my home heating system. All from scratch. Not yet too much things on it.

image

jemarr commented 1 year ago

Uau !!! impressive !!!, very nice gauges, seems real meters.

Just one question, is it possible to move down a bit the Value text with CSS propierties ???, I think it's a bit up, see:

image

hotNipi commented 1 year ago

It is yes.

.nr-dashboard-ui_artlessgauge text.big { font-size: 6em; transform: translateY(30px); }

jemarr commented 1 year ago

Yeeees !!!

What do you think now:

image

Seems much better.

Are you from Tallin ? I was there 10 years ago, just for one day, very nice city !!!

hotNipi commented 1 year ago

I moved out from Tallinn about 20 years ago. I'm now living near Tartu, near small village where our sitting President lives. Closest neighbor is about half of kilometer. Silence and peace. Except when the farmers do their field job cos I'm completely surrounded with fields :)

Your dashboard is beautiful.

jemarr commented 1 year ago

Nice,

Thanks for your great job !!!