Autodesk/hubble

Move action bar below the charts on small screens

Open

#116 opened on Feb 6, 2018

View on GitHub
 (0 comments) (0 reactions) (1 assignee)Python (47 forks)auto 404
aestheticgood first issuehelp wanted

Repository metrics

Stars
 (181 stars)
PR merge metrics
 (PR metrics pending)

Description

The action bar is currently vertically aligned with the title. For this reason, it is rendered above the charts on smaller screens:

screenshot from 2018-02-06 14-41-03

It might make sense to place the action bar below the charts along with the info boxes. First, because it’s not the topmost important piece of information (especially on small screens, where space is limited). Second, vertically aligning the action bar with the title will look odd when adding a view switcher as suggested in #115.

Contributor guide

Research direction
Move the action bar element below the charts in the HTML/CSS for small screens. Look for media queries or flexbox/grid layout adjustments to change the order of elements on smaller viewports.
Tech stack
python
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
CSSresponsive design
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
85