search

omeka / omeka-s

Omeka S is a web publication system for universities, galleries, libraries, archives, and museums. It consists of a local network of independently curated exhibits sharing a collaboratively built pool of items, media, and their metadata.
GNU General Public License v3.0
403 stars 135 forks source link

Omeka resource values and text positioning #2039

Open allanaaa opened 1 year ago

allanaaa commented 1 year ago

When a value is an Omeka resource, it appers with a tiny thumbnail and the text together inside a link. This expands the height of the value-content span. Then, when a metadata-browse link appears after that, it picks up a vertical-align:bottom that doesn't look very good. It should be in line with the text, not the total image-plus-text link.

vertical-align-bottom

 .property .value a {
  display:inline-block;
  vertical-align:bottom
 }

Note that this shouldn't complicate matters with #2038 because an Omeka resource can't have a language or a URI toggle, just the MB link after and the annotation icon after that.

What I would do in this case is a float:left on the image and word wrap around it. So, remove the image from inside the link (give it its own link), make it float:left and give it some top and right margins. And make .property .value a display:inline as per #2038.

floatleft

zerocrates commented 1 year ago

Images being separate links is an accessibility downgrade so that's probably not going to happen.