apps.fp.o icon indicating copy to clipboard operation
apps.fp.o copied to clipboard

Published 20 hours ago • verified publisher icon fedora-infra

Overlapping Text when viewed in Chrome Browser

Open f0rtyseven opened this issue 9 years ago • 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.

f0rtyseven avatar Dec 30 '15 17:12 f0rtyseven

The offered screenshots might be helpful if you can :)

pypingou avatar Dec 30 '15 19:12 pypingou

Here are the screenshots(4 of them). Can upload more if needed. http://imgur.com/a/yxqLz

f0rtyseven avatar Dec 31 '15 05:12 f0rtyseven

Why not upload them directly to the ticket here?

pypingou avatar Dec 31 '15 10:12 pypingou

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. 1 - rw8inpl 2 - jfakvwf 3 - ubtwyz8 4 - ewsphlr

f0rtyseven avatar Dec 31 '15 11:12 f0rtyseven

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?

ralphbean avatar Dec 31 '15 14:12 ralphbean

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,

  1. 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.
  2. Making the nodes appear a bit further apart when we click to zoom in on them
  3. 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.

f0rtyseven avatar Dec 31 '15 18:12 f0rtyseven

Btw wish you a very Happy New Year. Its 11.59 pm here. :)

f0rtyseven avatar Dec 31 '15 18:12 f0rtyseven

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.

ralphbean avatar Jan 04 '16 14:01 ralphbean

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

Germano0 avatar Nov 27 '16 11:11 Germano0

In a few days I will do a public presentation of Fedora Apps. Is there a chance to get this bug fixed soon?

Germano0 avatar Dec 03 '16 22:12 Germano0