Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Label Text very small #31

Open
jemarr opened this issue Sep 18, 2022 · 15 comments
Open

Label Text very small #31

jemarr opened this issue Sep 18, 2022 · 15 comments

Comments

@jemarr
Copy link

jemarr commented Sep 18, 2022

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
Copy link
Owner

hotNipi commented Sep 18, 2022

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
Copy link
Author

jemarr commented Sep 18, 2022

oh, thanks, now it's perfect.

Great job !!!

@jemarr
Copy link
Author

jemarr commented Sep 18, 2022

Sorry,

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

image

image

@hotNipi
Copy link
Owner

hotNipi commented Sep 18, 2022

Oh yes. my mistake.

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

@jemarr
Copy link
Author

jemarr commented Sep 18, 2022

yes, thanks i've just sort it:

image

@jemarr
Copy link
Author

jemarr commented Sep 18, 2022

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
Copy link
Owner

hotNipi commented Sep 18, 2022

Why? Your creature is very nice :)

@jemarr
Copy link
Author

jemarr commented Sep 18, 2022

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
Copy link
Owner

hotNipi commented Sep 19, 2022

Very nice and clean. Love it!!

@hotNipi
Copy link
Owner

hotNipi commented Sep 19, 2022

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

image

@jemarr
Copy link
Author

jemarr commented Sep 19, 2022

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
Copy link
Owner

hotNipi commented Sep 19, 2022

It is yes.

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

@jemarr
Copy link
Author

jemarr commented Sep 19, 2022

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
Copy link
Owner

hotNipi commented Sep 19, 2022

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
Copy link
Author

jemarr commented Sep 19, 2022

Nice,

Thanks for your great job !!!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants