search

crisbeto / angular-svg-round-progressbar

Angular module that uses SVG to create a circular progressbar
https://crisbeto.github.io/angular-svg-round-progressbar/
MIT License
742 stars 173 forks source link

Responsive Size - Fit the Parent not only to the width. #125

Open domske opened 7 years ago

domske commented 7 years ago

The responsive feature is nice. But does not exactly work as I expected. Currently it doesn't really fit the parent size. Only depending on the width of the parent.

We need a option for responsive

contain

The component should fit the parent by using the lowest value of width and height. Like css background-size ´contain´.

cover

Use the highest value of width and height. Like css background-size cover.

height

Use height only.

width

Use width only. (like now)

Problem image: image

Workaround: Otherwise the parent div MUST be a square. And center if needed and and and. ... Could be a lot of work.