onyxia icon indicating copy to clipboard operation
onyxia copied to clipboard

Services and kube command prompt overlap when navigator zoom is too high

Open odysseu opened this issue 1 year ago • 3 comments

Hi, I have some overlapping in the UI of onyxia under some specific zoom levels at least in the "my services" page.

Under

  • firefox 115.3.1esr (64 bits) and edge 118.0.2088.46 (64 bits)
  • screen size 1920 x 1080
  • different levels of zoom

I have :

screen shot is the render ok ?
image yes 😄
image no 😭
image no 😭

Thanks in advance. I know this might not be a priority.

odysseu avatar Oct 19 '23 06:10 odysseu

Hello @odysseu,

Thanks for reporting Did you had complains about this?

If we introduced https://github.com/garronej/screen-scaler it was precisely to avoid wasting too much time buiding a responsive design.

It was a problem, accessibility wise to prevent the zoom so we enabled it but as a result thinking "ok well it will break when the users zoom but at least they will be able to read".

That beeing said, if it turns out the app is completely unusable at some level of zoom there might be some quick win we can implement.

garronej avatar Oct 19 '23 06:10 garronej

No complains so far, personally I don't have issues at classic zoom levels and this is probably the case of 99% of users.

  • maybe the vertical and horizontal margins don't need to get so big (this reminds me of your https://github.com/InseeFrLab/onyxia/issues/603#issuecomment-1739249732 a few weeks back).
  • maybe the prompt could be the length of min(length of the command; the rest of the space left between "my services" and the right side of the UI).

odysseu avatar Oct 19 '23 07:10 odysseu

Thanks a lot for the advises!

garronej avatar Oct 19 '23 07:10 garronej

can we close this ? @garronej

fcomte avatar May 31 '24 16:05 fcomte

I think it's a won't fix.
Onyxia is just not responsive at the moment, we have to make peace with that until we commit to implementing proper responsive design.

Thanks for reporting @odysseu though

garronej avatar Jun 01 '24 13:06 garronej