Skip to content

Next

  • Projects
  • Groups
  • Snippets
  • Help
  • Sign in / Register
Minds Frontend
Minds Frontend
  • Project overview
  • Repository
  • Issues 803
    • List
    • Boards
    • Labels
    • Service Desk
    • Milestones
  • Merge Requests 50
  • CI / CD
  • Security & Compliance
  • Packages
  • Wiki
  • Snippets
  • Members
  • Collapse sidebar
  • Graph
  • Charts
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
  • Minds
  • Minds FrontendMinds Frontend
  • Issues
  • #2224

Closed
Open
Opened 4 days ago by Emiliano Balbuena@edgebal1 of 3 tasks completed1/3 tasks
Report abuse New issue

Tablet viewport layout for product pages and homepage

Specify what layout differences exist in the 768px and 1168px range.

Scope

  • @michaelfbradley: define what should change between desktop / tablet viewports and/or tablet / mobile.
  • @eiennohi: make the required changes to homepage.
  • @edgebal: make the required changes to product pages.
Edited 1 hour ago by Michael Bradley

Related issues
0

  • Discussion 1
  • Designs 0
  • Emiliano Balbuena @edgebal added Sprint::11/06 - Rolling Rabbit scoped label 4 days ago

    added scoped label

  • Emiliano Balbuena @edgebal assigned to @markeharding, @michaelfbradley, @edgebal, and @eiennohi 4 days ago

    assigned to @markeharding, @michaelfbradley, @edgebal, and @eiennohi

  • Emiliano Balbuena @edgebal added Priority::1 - High Product::Platform Squad::Yellow Type::UX::Design scoped labels 4 days ago

    added scoped labels

  • Emiliano Balbuena @edgebal changed weight to 3 4 days ago

    changed weight to 3

  • Emiliano Balbuena @edgebal changed the description 3 times within 4 minutes 4 days ago

    changed the description 3 times within 4 minutes

  • Michael Bradley
    Michael Bradley @michaelfbradley · 5 hours ago
    Developer

    @edgebal - You're exactly right. We missed tablet / medium layouts altogether. I've done up an example tablet layout for the Pro page, which you can find via the following link.

    https://invis.io/KWU1X9IEB2U#/392774936_Product_Page_-PRO--Desktop-__Medium

    The above is designed at a width of 900px. Ideally the margin illustrated in the design should be maintained.

    I suggest for now we maintain three sizes only. We won't worry about orientation for now. The breakpoints detailed below seem like sensible defaults to me, but feel free to tweak as you see necessary.

    • Small (Mobile) < 500px
    • Medium (Tablet / Small Desktop) >= 500px & < 1000px
    • Large (Desktop) >= 1000px

    The above design will play very nicely with all other product pages. I'll try to take a look at the Homepage tablet layout today, given that there some nuances with the homepage design.

    cc @edgebal @eiennohi @markeharding @jotto141

  • Michael Bradley @michaelfbradley marked the task @michaelfbradley: define what should change between desktop / tablet viewports and/or tablet / mobile. as completed 1 hour ago

    marked the task : define what should change between desktop / tablet viewports and/or tablet / mobile. as completed

Please register or sign in to reply
4 Assignees
Mark Harding's avatar
Marcelo Rivera's avatar
Emiliano Balbuena's avatar
Michael Bradley's avatar
none
Epic
None
None
Milestone
None
Time tracking
No estimate or time spent
None
Due date
None
5
Labels
Priority::1 - High Product::Platform Sprint::11/06 - Rolling Rabbit Squad::Yellow Type::UX::Design
3
Weight
3
Confidentiality
Not confidential
Lock issue
Unlocked
5
5 participants
user avatar
Mark Harding
user avatar
Marcelo Rivera
user avatar
Emiliano Balbuena
user avatar
Michael Bradley
user avatar
Jack Ottman
Reference: minds/front#2224