2022:

• opens after clicking into the search input field in the header
• the search layer pushes the content of the page down

Image Added

Elements

Other Changes

• behavior:behavior:
  • does not push content down but overlays it
  • content of the search layer should be scrollable, especially considering mobile viewports

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

  • when opening search panel, focus search field when opening search panel

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

  • when opening search panel, turn magnifier glass to x

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

  • search panel pointing to x 

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

• for all search layers:
  • input fields - case sensitive
  spacing
  • :

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

    4391

    • 4621

  • input fields - autocomplete:

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

  case sensitive
  • persistence:

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

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

• width:

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

4621

• • 4391

Figma

Cosmoblonde (2022)