lepo-project/lepo

Fix some style issues with bootstrap 4.0.0.beta

kyoshizaki opened this issue · 2 comments

kyoshizaki commented

With upgrading bootstrap 4.0.0.alpha6 to 4.0.0.beta, following issues are found.

  • unresponsive dropdown button
  • zero padding for card (ex. support page)
  • width of lesson list in course top & portfolio pages
  • background-color for btn-secondary class
  • finite width for background-color
  • signin button layout (replace offset-* to ml-*)
  • no badge-default class
kyoshizaki commented

Button color for bootstrap4.0.0.alpha6

2017-08-20 19 21 46

Button color for bootstrap4.0.0.beta

2017-08-20 19 19 57

Usages in LePo

btn-primary: 26
btn-secondary: 36
btn-success: 1
btn-info: 4
btn-warning: 1
btn-danger: 9

button policy for bootstrap4.0.0.beta

Use with following predefined button styles

  • Primary: important operation, mainly for when DB values will be changed
  • Light: default style (depending on the background color, outline-light may be used)
  • Danger: danger operation, mainly for when DB values will be deleted
  • Success / Warning / Info: semantic use

NOT in use: Secondary, Dark

kyoshizaki commented

Fixed bugs I noticed have all been fixed