Skip to content

Zpřístupnit akce hostů exportu v úzké kartě #297

Description

@Kerrycek

Problém

V detailu exportu jsou akce povoleného hosta Upravit a Smazat v posledním sloupci tabulky. Na úzkém mobilním zobrazení jsou za vodorovným posuvem; kvůli pevné 360px pravé kolonce detailu zůstává Smazat částečně skryté dokonce i při 1280px viewportu.

Běžná kontrola toBeVisible() chybu nezachytí a Playwright při kliknutí vnitřní kontejner automaticky posune.

Reprodukce proti aktuálnímu main

Před jakýmkoli kliknutím, s jedním běžným hostem a scrollLeft = 0:

  • 320 px: vnitřní kontejner 252/380 px, maximální posun 128 px; obě 32px akce nejsou celé viditelné,
  • 390 px: kontejner 322/380 px, maximální posun 58 px; Smazat není celé viditelné,
  • 1280 px: hosté jsou v 360px postranním panelu, kontejner 324/380 px; Smazat opět přesahuje,
  • normální klik posune kontejner až o 128 px a problém tím maskuje,
  • dokument samotný horizontálně nepřetéká.

Očekávané chování

  • Rozložení reaguje na skutečnou šířku karty hostů, ne pouze na šířku viewportu.
  • V úzké kartě jsou adresa, režim, stav i akce čitelné bez horizontálního posouvání.
  • Upravit a Smazat jsou přímo dostupné a mají dotykovou výšku nejméně 44 px.
  • V dostatečně široké kartě zůstává kompaktní desktopová tabulka.
  • Otevření a zrušení editoru i potvrzení smazání neodesílá žádnou mutaci.

Navržený rozsah

Lokální kontejnerově responzivní úprava ExportHostsCard.tsx a samostatný Playwright regresní test pro 320, 390 a 1280 px. Bez změny API, mutation payloadů, databáze nebo živých dat.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions