ngx-gauge icon indicating copy to clipboard operation
ngx-gauge copied to clipboard

value is cutting off

Open reto88 opened this issue 3 years ago • 8 comments

The value in the middle of the chart doesnt fit. How can I change the size? "ngx-gauge": "^3.0.0", "@angular/cli": "~11.2.3", image

reto88 avatar Jun 04 '21 09:06 reto88

Quickfix: In your css override the css .reading-block { overflow: visible; } to see it without the cutted head

andreas-becker avatar Jun 10 '21 11:06 andreas-becker

i tried to override the overflow with '!important' but it doesn't solve anything

Fallaxe avatar Jun 25 '21 14:06 Fallaxe

Same issiue with 4.0.0. I'm using bootstrap for grid layout

juansebasoz avatar Oct 16 '21 17:10 juansebasoz

Quickfix: In your css override the css .reading-block { overflow: visible; } to see it without the cutted head

I also tried this solution but nothing works.

Has anyone found a solution to this problem? I'm using v4.

willflame avatar Jan 28 '22 21:01 willflame

.reading-block { overflow: visible; }

I was able to solve the problem by adding the modification of the class directly in the application's index.html file, placed in the necessary css header as:

`

`

willflame avatar Jan 28 '22 21:01 willflame

@willflame @andreas-becker Hey, I got the same issue and thanks to your comment I could fix it. But I also got the same problem in another are, as you can see in the screenshot (the 50 is cut off): image

Would you be able to tell me what css-class this is? Then I could apply the same fix as with the reading-block - Thanks in advance!

heja99 avatar May 12 '22 10:05 heja99

Hello Guys, you can use ng-deep to access the class for future reference ngx-gauge { ::ng-deep .reading-block { overflow: visible !important; } }

Hefziben avatar Sep 13 '23 15:09 Hefziben

@willflame @andreas-becker Hey, I got the same issue and thanks to your comment I could fix it. But I also got the same problem in another are, as you can see in the screenshot (the 50 is cut off): image

Would you be able to tell me what css-class this is? Then I could apply the same fix as with the reading-block - Thanks in advance!

Have we got the fix for this issue yet?

Advocatus avatar Apr 15 '24 20:04 Advocatus