• 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

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

  4608spacing:
  • 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-

      4391
    autocomplete:

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

      4289

      • 4608

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

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

    responsive
    • input fields - autocomplete:

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

      5408

      • 4289

    • persistence:

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

      5862
    wording:

    • • 5393

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

      5490

      • 6467

    design
  • width:

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

  5997

  • • 4391

  Figma

  Cosmoblonde (2022)