Tabs:

Image Removed

Viewer:

Image Removed

Behavior

only displayed when an object has image/audio/PDF/video or book data
when an object has multiple data types, tabs are shown
- the tabs are centered
if there are multiple object elements in one tab: pagination below the object
- in mobile, they should be swipe-able
in the Viewer, the object is always placed in a invisible image area, in which the image can be zoomed or moved
- this guarantees that the size of the Viewer does not change with the size of the object
- it also makes sure the distance to the red area remains the same
  - the distance between image and red area should always be 20 px

Changes:

...

Mediaviewer - Tabs - Desktop view:

Image Added

Mediaviewer - Desktop view:

Image Added

Mediaviewer - responsive:

Image Added

Elements

...

ID

Title

Show?

Action

Changes

Tickets

1

tabs

when an object has multiple data types

clicking on tabs changes the type of Mediaviewer

/

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-4790

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-4867

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-5747

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-

...

5966

2

digital representation

when provided by data

/

trouble with image sizes

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-4947

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-5219

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-

...

6095

3

pagination (not shown)

when there are multiple object elements in one tab

clicking on the right/left arrow flips changes the object to the next/previous

in mobile, this also works with swiping

/

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-

...

4981

4

red border

always

/

5

background

always

/

grey background removed (not part of the figma)

...

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-

...

4873

6

caption

when provided by data

/

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-

...

4581

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-

...

4813

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-

...

4831

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-

...

4933

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-4946

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-5095

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-5275

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-5402

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-5555

...

truncated, when extended: display a white background around it

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-

...

5095

7

license

when provided by data

/

rightsstatements

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-

...

4788

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-

...

4935

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT

...

-6293

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-6353

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-

...

6570

8a

functionality

depending on data type

depending on functionality

/

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-

...

5294

adding a way to exit the fullscreen

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-

...

4963

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-

...

5271

change color on hover for accessibility reasons

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT

...

-6023

8a-1

show object at data provider

when available

link to data provider in separate tab

moved to the bottom of the list

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-

...

5002

...

data provider removed at one point

...

, then brought back

...

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-4878

open object at data provider in new tab

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-5318

...

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-5729

8a-2

download

when available

opens Lightbox - Mediaviewer - Download

/

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-

...

5009

better resolution

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT

...

-4940

8a-3

hierarchy

when provided by data

jumps to Hierarchy - Object

removed

/

8b

tooltips (not shown)

always

label functionality

/

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-4761

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-

...

5048

Jira

server	JIRA - Deutsche Digitale Bibliothek
serverId	67c0afcf-3564-3fd0-8d4d-a69afd7aed63
key	DDBNEXT-5826

Responsive View

tabs can be swiped

Other Changes

implementation:
- Jira
  server JIRA - Deutsche Digitale Bibliothek
  serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63
  key DDBNEXT-4251
- Jira
  server JIRA - Deutsche Digitale Bibliothek
  serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63
  key DDBNEXT-4470
5219slider:
- Jira
  server JIRA - Deutsche Digitale Bibliothek
  serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63
  key DDBNEXT-49814701
control elements:
height:
- Jira
  server JIRA - Deutsche Digitale Bibliothek
  serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63
  key DDBNEXT-4756
- Jira
  server JIRA - Deutsche Digitale Bibliothek
  serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63
  key DDBNEXT-52944894
- Jira
  server JIRA - Deutsche Digitale Bibliothek
  serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63
  key DDBNEXT-53924997
- Jira
  server JIRA - Deutsche Digitale Bibliothek
  serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63
  key DDBNEXT-57285105

Figma

Tabs - Cosmoblonde (2022)

...

Page tree

Versions Compared

Old Version 31

New Version Current

Key

Behavior

Changes:

Elements

Responsive View

Other Changes

Figma

Page tree

Page History

Versions Compared

Old Version 31

New Version Current

Key

Behavior

Changes:

Elements

Responsive View

Other Changes

Figma