- 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 |
|
| 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 |
Changes
...
| / | / | ||||||||
| 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 view:
- 4562
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-45655258
- category - font size and line height changed in mobile
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-47775334
- title - font size changed in mobile
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-47945258
Other Changes
- implementation
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-48054390 Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-4844
4560 Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-4562 Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-5334
-4565 Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-4777 Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-5852
4794 Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-4805 Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-53374844
- item order (gallery only?problems with image resolution, especially on images with little width but large height (like book spines):
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-50585149 Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-50595228
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-47955537