search

glpi-project / glpi

GLPI is a Free Asset and IT Management Software package, Data center management, ITIL Service Desk, licenses tracking and software auditing.
https://glpi-project.org
GNU General Public License v3.0
4.09k stars 1.27k forks source link

Computer tab layout is not optimal with long location names #14166

Open AndiMb opened 1 year ago

AndiMb commented 1 year ago

Code of Conduct

Is there an existing issue for this?

Version

10.0.6

Bug description

When having long location name or a complex location hierarchie like "Country (plus some text) > State (plus some text) > City (plus some text) > Building (plus some text) > Floor (plus some text) > Room (plus some text)" and a computer is addigned to a location, the layout of the computer tab is not optimal and get larger than the webpage. Also if images are added for the computer model the textfields are hidden by the model images.

without location image

with location image

without location and with computer model images image

with location and computer model images image

Relevant log output

No response

Page URL

No response

Steps To reproduce

  1. Create a location hierarchie with many levels and/or long location names
  2. assign the location a computer
  3. assign a copmuter model with front and rear images
  4. open the computer tab

Your GLPI setup information

No response

Anything else?

No response

cedric-anne commented 1 year ago

Hi,

I cannot reproduce your issue on GLPI 10.0.7

image image

Can you try to reproduce? If issue persists, please give some information about the used browser (what browser, what version, what OS, ...).

AndiMb commented 1 year ago

Yes, I can reproduce it with GLPI 10.0.7. I'm using Windows 10 22H2 with Edge (112.0.1722.39 64-Bit) and Firefox (112.0 64-Bit). It seems more dependent on the aspect ratio of the browsers than the browsers itself. When changing the browser aspect ratios there are states where the described problems happens.

cedric-anne commented 1 year ago

The only poblem that I am able to reproduce is an overflow issue on really small screen: image

But I tested on Chrome 112.0 / Firefox 112.0 on Ubuntu.

AndiMb commented 1 year ago

Perhaps it also depends on the images. I attached the images.

As name of the location I used (so the complete name and the name are): "Country (plus some text) > State (plus some text) > City (plus some text) > Building (plus some text) > Floor (plus some text) > Room (plus some text)" I ignored the childlevels and just copied the full string as name of the location.

ComputerImage_Front ComputerImage_Back

Lainow commented 6 months ago

Perhaps it also depends on the images. I attached the images.

As name of the location I used (so the complete name and the name are): "Country (plus some text) > State (plus some text) > City (plus some text) > Building (plus some text) > Floor (plus some text) > Room (plus some text)" I ignored the childlevels and just copied the full string as name of the location.

ComputerImage_Front ComputerImage_Back

Hello,

I tried to reproduce your bug in the current version of GLPI and it turns out that it has already been solved. Have you tried updating your GLPI?

image

AndiMb commented 5 months ago

This still happens for us on GLPI 10.0.12.