- 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 | optional | // | / | 2 | thumbnail | yes | directs user to website | / | / | |||||||||||
| problems with image resolution, especially on images with little width but large height (like book spines) |
| ||||||||||||||||||||
32 | category | 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 |
| ||||||||||||||||||||
43 | 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
Other Changes
- implementation
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-4390 Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-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-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-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-4844
- column size reduced in responsive view:
Jira server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-5258
...