Bug 30492

Summary: Tabs break in opac-detail.pl if item has an image but not enough labels
Product: Koha Reporter: Florian <florian.bontemps>
Component: OPACAssignee: Owen Leonard <oleonard>
Status: CLOSED INVALID QA Contact: Testopia <testopia>
Severity: enhancement    
Priority: P5 - low    
Version: Main   
Hardware: All   
OS: All   
GIT URL: Initiative type: ---
Sponsorship status: --- Comma delimited list of Sponsors:
Crowdfunding goal: 0 Patch complexity: ---
Documentation contact: Documentation submission:
Text to go in the release notes:
Version(s) released in:
Circulation function:
Attachments: Picture for exemple
Exemple picture but in english

Description Florian 2022-04-07 15:16:20 UTC
Created attachment 133082 [details]
Picture for exemple

If a record has too few labels (author, date, language, country, etc) but does have a picture, the bibliodescriptions will take too much space.

The tabs (Holdings, Descriptions, acquisitions details, etc) will be located below the labels but the content of the tabs will appear below the picture.

See attachment for exemple.

This is indeed a niche case since you need to have a picture but not a lot of labels showing, but I think the tabs should be attached to their contents and not separated to prevent potential errors like these.
Comment 1 Florian 2022-04-07 15:17:57 UTC
Created attachment 133083 [details]
Exemple picture but in english

Replaced the original picture by the english version, apologies for that.
Comment 2 Owen Leonard 2022-04-15 12:30:54 UTC
Do you have some custom CSS or JavaScript in place to change the layout of this page? Normally the image is displayed on the left.
Comment 3 Florian 2022-04-15 15:21:50 UTC
Interesting, you're right, I've stumbled upon this bug on two different version but I guess they both had this modification.

If anyone's interested, I fixed the problem by putting this in OpacUserCSS:
#bibliodescriptions{
  display:flex;
  width:100%;
  flex-direction: column;
}

Otherwise, i'll close that bug.