Adhering to Bootstrap 3's HTML standards would remove a lot of added complexity
Summary
========
There are a number of Blueprints that already call for a Responsive Designs, however if we just work on adhering to Bootstrap 3's HTML standards (structure as well as class names), we would be able to remove much of the CSS bloat, create an easier to theme base and would get a somewhat responsive website with very little effort.
I propose that this Blueprint is made a requirement for horizon-themes because this work will make the theming much simpler than it currently is.
Motivation
========
Everyone wants and craves a responsive and theme-able design. :)
Description
=========
There are a number of things well defined in Bootstrap, such as Nav, Dropdown Lists, Tables, etc that inherit Bootstrap's Mobile First CSS responsive styles as well as the underlying theme in the LESS (SCSS) interface layer. Restructuring and adding classes to the existing HTML names to make full use of these built-in, awesome features.
UX
===
This will greatly impact the UX.
Testing
======
If we want to embrace a responsive design, then standard pages will need to be User Tested for the following screen sizes:
http://
Blueprint information
- Status:
- Complete
- Approver:
- David Lyle
- Priority:
- Medium
- Drafter:
- Diana Whitten
- Direction:
- Approved
- Assignee:
- Diana Whitten
- Definition:
- Approved
- Series goal:
- None
- Implementation:
- Implemented
- Milestone target:
- None
- Started by
- Diana Whitten
- Completed by
- Cindy Lu
Related branches
Related bugs
Sprints
Whiteboard
10/26/2016 [clu_] Bulk of work complete. Any new feature should open up a new bp.
[david-lyle | 2015-03-18] I don't see any code for this yet, so moving to liberty.
Gerrit topic: https:/
Addressed by: https:/
Top Nav is responsive and inherits from its theme
Addressed by: https:/
Sidebar now inherits from a Bootstrap Theme
Gerrit topic: https:/
Addressed by: https:/
Horizon Context Selection should be to the right
Addressed by: https:/
Basic tables now inherit from Bootstrap Theme
Addressed by: https:/
Horizon Login now inherits from Bootstrap Theme
Gerrit topic: https:/
Gerrit topic: https:/
Addressed by: https:/
Horizon Dropdown now inherits from Bootstrap Theme
Addressed by: https:/
Barcharts now inherit from a Bootstrap Theme
Addressed by: https:/
Basic Tabs now inherit from a Bootstrap Theme
Addressed by: https:/
Horizon Messages now inherit from a Bootstrap Theme
Addressed by: https:/
usage.html doesn't need such specific styles.
Gerrit topic: https:/
Addressed by: https:/
Quota pages now inherit from Bootstrap Theme
Addressed by: https:/
Clean up horizon.scss
Addressed by: https:/
Clean up horizon.scss - Flavor Table
Addressed by: https:/
WIP Themeable loader/progress bar for tables
Gerrit topic: https:/
Addressed by: https:/
Context Picker should inherit BS dropdown styles
Addressed by: https:/
Container Loader Image now Themable
Addressed by: https:/
Legacy Transfer Table is now themable.
Gerrit topic: https:/
Addressed by: https:/
Horizon Spinner/Loader should inherit from theme
Addressed by: https:/
Datepicker should inherit from theme
Gerrit topic: https:/
Gerrit topic: https:/
Gerrit topic: https:/
Gerrit topic: https:/
Addressed by: https:/
Table Actions should be an inline form.
Work Items
Dependency tree
* Blueprints in grey have been implemented.