buttercomponents / butter-style-guide

UI Kit

Butter Project's Style Guide

This is a place where we experiment with design ideas for components, it's the place where design meets code and makes wonderfull things happen.

This stagging area for components ideas will then get transformed in working app components.

butter-style-guide's Issues

Fix search / autocomplete css

Improve dropdown animation

Add header icons

React / Riot components?

Debounce resize event

Fix nav style and behaviour

http://imgur.com/C4jBjFX

• - Text transform uppercase
• - Fix color
• - the line has to start and end with the text not bigger
• - The :hover line has to be white with transparency
• - Fix hover style

Movie / Show details ( redesign )

Todo

• Movie details

  • - Add basic structure

• Show details

  • - Add basic structure

Improve search / autocomplete animation

Add flags

Fix dropdowns push behavior

Split css into multiple files

Fix header css

Add responsive design css for head

Todo

min-width < 960

• Make the search input a simple icon.
• Change the movie / show text to a icon.

Player redesign

Todo

• - Add file / stream info
• - Add "Rate this movie" popup
• - Add "Rate this subtitle" popup
• - Add back button

Stand-by

• - Add volume dropdown
• - Add subtitles dropdown
• - Update video.js skin ? Not approved :(

Fix dropdowns animations

Add structure for movie / show details

Todo list

Todo

• - Improve css animations
  • -- Add dropdown animations
  • -- Add autocomplete animations
• - Improve search / autocomplete
• - Add header
  • -- Add icons
  • -- Fix nav / dropdowns js
  • -- Fix header css js
• - Fix Dropdowns css
• - Add Generic popup
• - Add Dropups
• - Debounce resize event
• - Add Dropdowns
• - Row for settings
• - Selects

Stand-by

• - Player redesign

Remove unused CSS

Fix nav / dropdowns js

Fix dropdown css