Irregularities in Mandala SVG
See original GitHub issueSummary
The header background (Mandala) on MDN Web Docs
homepage caught my attention. But the SVG seems a bit irregular. Further lookup bought me to mandala/index.scss
and mandala/index.tsx
.
index.scss
.mandala-container
doesn’t include--mandala-accent-5
.mandala-accent-4 > textPath > tspan { }
doesn’t exist
index.tsx
- Due to line-brakes in
L120-L140
, the circles looks segmented in-between. mandala-accent-4
doesn’t have any<tspan></tspan>
soanimateColors
won’t work on this circle- MDN Plus product page Mandala’s 4th circle spin bug
- Due to line-brakes in
URL
- https://developer.mozilla.org/en-US/
- https://github.com/mdn/yari/tree/main/client/src/ui/molecules/mandala
Reproduction steps
- Visit
MDN Web Docs
andMDN Plus
- Inspect
mandala-container
viaDeveloper Tools
Expected behavior
Resultant Mandala SVG should not have above mentioned irregularities.
Actual behavior
Resultant Mandala SVG has above mentioned irregularities.
Device
Desktop
Browser
Firefox
Browser version
Stable
Operating system
Linux
Screenshot
Anything else?
No response
Validations
- I have read the Community Participation Guidelines.
- I have verified that there isn’t already an issue that reports the same bug to avoid creating a duplicate.
- I have checked that this is a concrete bug. For Q&A open a GitHub Discussion.
Issue Analytics
- State:
- Created a year ago
- Comments:5 (5 by maintainers)
Top Results From Across the Web
Layered 3D Mandala Puerto Rico SVG 5 layers - Etsy
DESCRIPTION: The image is a layered SVG containing 5 different layers, that you can put one on top of the other. You can...
Read more >Split Monogram SVG Half Mandala SVG File for Cricut WALL
Split Monogram SVG, Half Mandala SVG File For Cricut, WALL Decor Corner Mandala Svg, Boho, Bohemian svg, Mandala Moon ,Moon Mandala, Dream. $2.59...
Read more >FREE LAYERED ALPHA MANDALA SVG SET
Free instant download of layered mandala alphabet letters with pretty floral elements. Works perfectly with your Cricut or Silhouette to make a fun...
Read more >Layered Sunflower Mandala SVG Files and Tutorial - YouTube
Make easy and beautiful layered paper mandalas. Sunflower, pumpkin, fall leaf and turkey design. Be sure to click on "SHOW MORE" below for ......
Read more >Mandala Square SVG Design Instant Download
TRW's Mandala Square SVG design was created with the crafting process in mind. Each SVG, EPS, CDR, AI, PNG, PDF download file comes...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Yep, we can close this issue. Thanks!!
@PROxZIMA looks like this was resolved by https://github.com/mdn/yari/pull/5941, correct?