Skip to content
This repository has been archived by the owner on Dec 2, 2020. It is now read-only.

gallery image captions #560

Closed
joyously opened this issue Oct 16, 2020 · 2 comments
Closed

gallery image captions #560

joyously opened this issue Oct 16, 2020 · 2 comments

Comments

@joyously
Copy link

The legacy gallery (shortcode) looks much better than the gallery block because of the treatment of the image captions.
I see these problems with the image captions on the gallery block:

  1. The caption obscures the image.
    obscured

  2. Linked images with captions don't show the link cursor where the caption is. (If the caption covers the whole image, you can't open the link.)
    (this can be fixed with pointer-events:none)
    link-cursor

  3. Captions on top of images create scrollbars, especially when more columns are used.
    six-columns

  4. The caption styling can be bigger than the image. Note the at the end of the first row, where the caption styling is larger than the image itself.
    caption-background-on-small-image


I think most of these style problems are actually in the block styles, but it's high time they were fixed!
Apart from the link problem, the other things can be fixed by not overlapping the image and caption. For reference, here is how the gallery shortcode looks, so much nicer:
gallery-shortcode

@melchoyce
Copy link
Contributor

Duplicate of #238. The problem is caused by Gutenberg, so we've left it to be solved upstream.

@joyously
Copy link
Author

This issue that you are calling duplicate has 4 parts, and only the second part is a duplicate of that other issue, which appears that it didn't even get the correct fix (pointer-events:none).

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants