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

How can i change the font size of value without changing the size of gauge #39

Open
MuhammadTahir92 opened this issue Oct 25, 2017 · 4 comments

Comments

@MuhammadTahir92
Copy link

capture

@MuhammadTahir92 MuhammadTahir92 changed the title How can i change the size of label without changing the size of gauge How can i change the font size of value without changing the size of gauge Oct 25, 2017
@ashish-chopra
Copy link
Owner

Well, the value is written inside a span tag. If somehow from CSS you can able to access the <span></span> inside the <ng-gauge></ng-gauge>, then you can play with its font-size.

@Emlynkm
Copy link

Emlynkm commented Nov 1, 2017

I edited the js file... the directive uses a variable called tpl for its template. Edit the template by adding a class to the appropriate tag then edit the style in your css. I had to use the !important rule for it to take effect.
image

If the classes were added to the master this would make it easier for others in the future???

@camiteca
Copy link
Contributor

camiteca commented Dec 18, 2017

I would suggest to mark each element with css classes. For example:

ng-gauge-prepend
ng-gauge-append
ng-gauge-value
ng-gauge-label

This way it would be easy to change the default style and allow customization without having to change the code.

By the way, if we do this, we could remove the 'label-only' property, since you could set 'display: none' to the elements you're not interested in.

@ashish-chopra
Copy link
Owner

Good suggestion @karlmtc.
I will take it up soon, most probably after Christmas.

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