Google Books preview is displayed very large and don't fit the width of the page
Affects | Status | Importance | Assigned to | Milestone | |
---|---|---|---|---|---|
Evergreen |
Confirmed
|
Medium
|
Unassigned |
Bug Description
The Google Books preview is too large compared to the rest of the page and does not fit the width of the page, so the user has to scroll horizontally to see the preview content. Especially in cases where the browser window is smaller, it can be confusing for users because they can't see any content after clicking the Google Preview Button.
Among other things, the problem is caused by the fact that the book page is centered in the preview and there is blank space on the left and right side of the book page (I am not sure, if this problem is caused by the Google Books embedded code or by Evergreen code).
I have tested the display in Mozilla Firefox browser and in Google Chrome on the desktop, and also in Chrome on the mobile phone. The preview is worst in the Firefox browser (see the attached screenshot), it is a little better in Google Chrome, but not by much.
On mobile phone, the display adapts quite well.
Changed in evergreen: | |
status: | New → Confirmed |
Changed in evergreen: | |
importance: | Undecided → Medium |
We will have to come up with a responsive solution, but a workaround is to either comment out the
'GBPreviewPane. style.width = document. documentElement .clientWidth + 'px';
line in web/js/ ui/default/ opac/ac_ google_ books.js, or hard-coding the width of that variable.