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

Free re-positioning of Value/Label #71

Open
Corebee opened this issue Mar 10, 2020 · 4 comments
Open

Free re-positioning of Value/Label #71

Corebee opened this issue Mar 10, 2020 · 4 comments

Comments

@Corebee
Copy link

Corebee commented Mar 10, 2020

I would really appreciate it, if there would be the possibility to position the value and label by some custom CSS. I recently tried to, but i can't override the style in the div class "reading-block" (probably because of encapsulation?).
One way to get a workaround, would be to overwrite the class in the global style file, which then affects every instance of ngx-gauges. So this wasn't the approach i was looking for.
My working adjustment for now is: I'm styling the Elements and with relative positions. This "kinda" works, as long you only want to re-position them within the parent element they sit in. In conclusion: It would be nice if we could freely style the positions within the container. Or is it already possible and I'm missing something?
Thanks in advance.

@VladFlorian
Copy link

I was able to achieve this by adding some styling to my main global.scss and it looks like this
ngx-gauge div.reading-block { margin-top: -70px; font-size: 80px !important; transform: translateY(87.36px); }

@Corebee
Copy link
Author

Corebee commented Sep 30, 2020

I was able to achieve this by adding some styling to my main global.scss and it looks like this

Thanks for your reply, but that was exactly the solution i'm not looking for as you can see in my previous post. The reason: With global styling you overwrite every instance of the gauge... but i need it especially for specific ones.

One way to get a workaround, would be to overwrite the class in the global style file, which then affects every instance of ngx-gauges. So this wasn't the approach i was looking for.

@bastifix
Copy link

bastifix commented Feb 4, 2021

Same here: +1

@ashish-chopra
Copy link
Owner

Hi There,

Thanks for reporting the issue and sorry for the extremely late response. Currently, I am very busy finishing my current project.
In the last week of February 2021, I will reactivate the ngx-gauge and fix issues and incorporate feature requests.

Cheers
Ashish

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

4 participants