Documentation: Openseadragon view mode sets the viewer to a small fixed width

Created on 12 Nov 2019  路  6Comments  路  Source: Islandora/documentation

image

This is for just when using the Openseadragon view mode for a single image or page, not a full paged content object.

Most helpful comment

.node .field-type-image__item is set to inline_block. Removing this makes the viewer go full screen width. Is that the desired behavior?
Screen Shot 2019-11-15 at 1 18 10 PM

At any rate, that rule is set in node.css and rather than remove it and perhaps upset other images that are supposed to be inline-block, we can do:
.field-formatter-openseadragon-image .field-type-image__item {
display: initial;
}
to override it for Open Seadragon.

All 6 comments

Just confirming this behavior. Running carapace at commit 515b9194641a1798c549ce8eb9253b7713fca86d.

carapice

.node .field-type-image__item is set to inline_block. Removing this makes the viewer go full screen width. Is that the desired behavior?
Screen Shot 2019-11-15 at 1 18 10 PM

At any rate, that rule is set in node.css and rather than remove it and perhaps upset other images that are supposed to be inline-block, we can do:
.field-formatter-openseadragon-image .field-type-image__item {
display: initial;
}
to override it for Open Seadragon.

@dflitner can haz PR?

Sorry thought I had already made this a PR. It was sitting on my local machine.

Per Seth's suggestion, I'm looking at changing the CSS in Open Seadragon instead of Carapace. However I'm not sure what the desired behavior actually is. We have a manual height set of 640px because otherwise OSD shrinks down to tiny for some reason. It's supposed to match the size of the containing element, which is why changing .field-type-image__item was working. (P.S. adding width:100% to this also works instead of changing the display)

With the previous change and anything else I try to make the thing display bigger, it actually stretches out the image that it's displaying. Is it supposed to show the original image at its original size or is it meant to display at a certain size even if it's pixelly?

In my opinion, the ideal display behavior would be to display the image at its original size up to the width of the content area.

Perhaps I'm only noticing this because I'm using ancient internet memes as sample images.

Image with no viewer:
Image is 420x290px
Screen Shot 2020-02-04 at 3 04 18 PM

Image with OSD at full width:
Hard to see in the screenshot but it's got visual artifacts.
Screen Shot 2020-02-04 at 3 04 48 PM

I'm still poking at this but it's being annoying.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ruebot picture ruebot  路  4Comments

akuckartz picture akuckartz  路  3Comments

dannylamb picture dannylamb  路  5Comments

acoburn picture acoburn  路  4Comments

manez picture manez  路  5Comments