Bug 30492 - Tabs break in opac-detail.pl if item has an image but not enough labels
Summary: Tabs break in opac-detail.pl if item has an image but not enough labels
Status: CLOSED INVALID
Alias: None
Product: Koha
Classification: Unclassified
Component: OPAC (show other bugs)
Version: Main
Hardware: All All
: P5 - low enhancement
Assignee: Owen Leonard
QA Contact: Testopia
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2022-04-07 15:16 UTC by Florian
Modified: 2022-12-12 21:24 UTC (History)
0 users

See Also:
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 (126.49 KB, image/png)
2022-04-07 15:16 UTC, Florian
Details
Exemple picture but in english (117.46 KB, image/png)
2022-04-07 15:17 UTC, Florian
Details

Note You need to log in before you can comment on or make changes to this bug.
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.