Page MenuHomePhabricator

Floating button to collapse „All entered languages“
Open, Needs TriagePublic

Description

As a Wikidata mobile reader
I want to collapse „All entered languages“ at any point scrolling through the terms
in order to quickly get a better overview and not need to scroll to the very end of the termbox

Mockups (floating button)

Design specifications:

  • red areas are touch targets

  • a touch target needs to have at least 48 px by 48 px, the icon/text is placed centered/centered

  • the red line with an arrow is a keyline which is the strikt border for text content not to overlap with the interactive area

  • the interactive area has all icon buttons to trigger interactions in it

    • expanding and collapsing (arrow up and down, double arrow up and down)
  • the floating button sticks to the lower right (on LTR) of the screen being centred in the 48*56 px touch target area
  • the floating button sticks to the lower left (on RTL) of the screen being centred in the 48*56 px touch target area

Acceptance criteria:

  • There is a floating button in the lower right corner of the screen if the termbox is fully expanded
  • Clicking the floating button collapses the termbox to the first fold out state (not fully collapse)
  • The floating button is on the lower left side on RTL languages
  • the floating button transitions into the "Fewer languages" line by fading out, when reaching the end of the termbox