question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

An option to fit the circle into the parent container

See original GitHub issue

Can we make it? I found that valid use case is responsive layout.

I think it should essentially do viewBox instead of width and height (not sure if there’s a reason to use it with the option switched off). I can PR my own fix, once I will merge it with latest commits.

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Comments:28 (15 by maintainers)

github_iconTop GitHub Comments

1reaction
bisubuscommented, May 24, 2015

It should. And viewBox routine should be added to the watcher as well. Should we add div wrapper to the template then? Doing display: inline for div when fitted option is disabled should be fine (I think it has a better chance as a transparent container than display: inline-block).

0reactions
ahmdymlcommented, Sep 3, 2015

@crisbeto Yes, it is. It scales well with Jquery now. Thanks.

Read more comments on GitHub >

github_iconTop Results From Across the Web

CSS circle to match width of div content - html
I.e., put the circle on the child element in the first place. Another option would be to get the div to match size...
Read more >
Setting the circle to 100% width and height of parent element
i put it in a div with responsive size and used jquery width function to set the size in the initialization. worked great!...
Read more >
Why can't I get images and text to fit in circle?
Even without the images, I couldn't get the text to fit in the circle. ... because image parent is a relative div, a...
Read more >
<circle> - SVG: Scalable Vector Graphics - MDN Web Docs
The <circle> SVG element is an SVG basic shape, used to draw circles based on a center point and a radius. Example.
Read more >
Using the Arc Tool
The user clicks and drags the Arc handle on an ellipses, creating a circle with. Tip! The tooltip will indicate the Sweep percentage....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found