- used to direct the user to specific content, mainly used as "teaser banners" or on overview pages
- can have 2, 3 or 4 columns
- height of the teaser image is flexible
Masonry Grid - Desktop view:
Masonry Grid - responsive view:
Elements
ID | Title | Show? | Action | Changes | Tickets |
1 |
headline
thumbnail | yes | directs user to website |
| / |
| / |
teaser image
yes
directs user to website
| problems with image resolution, especially on images with little width but large height (like book spines) |
| ||||||||||||||||
2 | category |
3
optional | / | not on gallery page, not on explore dialog |
|
4
title on grey background
yes
directs user to website
Changes
...
| font size and line height changed in mobile |
| ||||||||
| consistency (fontsize, line height, style of label) |
|
...
| |||||||||
| change wording of categories |
|
...
|
...
| |||||||||
3 | title on grey background | yes | directs user to website | / | / | ||||
| adjust spacing for title |
|
...
| |||||||||
| consistency (fontsize, line height, style of label) |
|
...
| |||||||||
word separation |
|
...
| |||||||||
font size changed in mobile |
|
Responsive View
- column size reduced in responsive view4844design:
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-5334-5258
- category - font size and line height changed in mobile
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-58525334
- title - font size changed in mobilediscussions about word separation:
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-5337
5258
Other Changes
- implementation width but large height (like book spines):
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-50584390 Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-50594560
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-47954562 Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-50724565 Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-53384777 Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-55744794
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-5258
4805 Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-53414844
- item order (gallery only?):
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-5149 Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-5228 Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-5537