Overlapping Text when viewed in Chrome Browser
f0rtyseven opened this issue · 10 comments
The Diagram is not fitting the whole window in Chrome Browser on my Windows 8.1 system. Also when I click on some links to zoom in, like QA, Infrastructure etc, the texts on the end nodes become overlapped, making them unreadable. Can provide screenshots if required.
The offered screenshots might be helpful if you can :)
Here are the screenshots(4 of them). Can upload more if needed.
http://imgur.com/a/yxqLz
Why not upload them directly to the ticket here?
Sorry. Didn't know about the norms here. I'm new to this. I was on Reddit previously and that was the norm. Sorry for the inconvenience caused.
I agree this is a problem, but I'm not sure what to do about this. When we launched the page, we had less apps than we do now. Things are getting pretty cluttered. Perhaps we need a new design all together?
Personally, I loved the design. Though I'm not a master of coding but I believe some tweaking would be enough to make it look the way it is meant to look. I have something on my mind, but don't know how it'll be done through code. My suggestions would be,
- Make the whole diagram on the homepage to appear a bit smaller so that it fits the screen, and if that makes the texts overlap, showing only the icons at the end nodes. The group texts like Infrastructure, QA etc. can appear big as they are not overlapping. When a user clicks on the group name, it fans out showing the full name of the icons.
- Making the nodes appear a bit further apart when we click to zoom in on them
- If no. 2 doesn't work then making the length of the connecting edges variable(i mean some of them bigger and some of them smaller) to avoid the overlapping of texts
I'm only trying to suggest here. If I knew the coding, this is how i'd try to overcome this problem.
Btw wish you a very Happy New Year. Its 11.59 pm here. :)
Thanks @f0rtyseven. You too!
A thought just occurred to me that might help inspire a solution: The text only ever overlaps at the top and bottom of the circle. It never overlaps on the left and right sides of the circle. This is because (at least our untranslated English text) always reads horizontally from left to right.
Confirming the bug on Firefox 50. When you select a subtree, you will get also unexpanded graph areas that will go into not viewable areas of the screen
In a few days I will do a public presentation of Fedora Apps. Is there a chance to get this bug fixed soon?