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:
  • does not push content down but overlays it
  • content of the search layer should be scrollable, especially considering mobile viewports
    behavior:

    • • 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-

      4621

      • 5393

    responsive:

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

      5408

      • 6467

    wording
  • width:

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

  5490

  • • 4391

  Figma

  Cosmoblonde (2022)