search

ashish-chopra / angular-gauge

A reusable gauge directive for Angular 1.x apps and dashboards
https://ashish-chopra.github.io/angular-gauge/
MIT License
95 stars 36 forks source link

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

Open MuhammadTahir92 opened 7 years ago

MuhammadTahir92 commented 7 years ago

capture

ashish-chopra commented 7 years ago

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 commented 7 years ago

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 commented 6 years ago

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 commented 6 years ago

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