• 
      

    Fix the user page and filter-related UI issues on mobile.

    Review Request #7545 — Created July 25, 2015 and submitted — Latest diff uploaded

    Information

    Review Board
    release-2.5.x

    Reviewers

    The user page's tabs weren't flush with the datagrid, due to the filter
    wrapping below it on mobile. This created a pretty nasty look, and it
    wasn't the only place the filters were messing up the display on mobile
    (depending on the mobile device).
    
    A couple things were done to address this:
    
    1. The tabs for the user page no longer include the username in the
       tab title (since that can be inferred from the page), saving
       precious room, especially with long usernames.
    
    2. The filters are now kept in a menu, activated when clicking a filter
       icon. This icon docks to the right of the datagrid title area. When
       clicking, a menu pops up with a little fade-in animation, offering
       the possible filters on the page. (We may want to move to this
       later for desktop as well.)
    
    While fixing this, I ended up creating a base template for datagrids
    that handled tabs and filters in a consistent manner.

    Tested in iPhone 4/6 screen sizes, and on desktop. The filters all worked,
    and the user page was viewable at all screen sizes.