Changelog

Release Notes

LearnPlus Bootstrap v4.1.0

Released on 8 December, 2018

LearnPlus Bootstrap v4.1.0

Style Guide

ui-learnplus-bootstrap v2.0.0

General

  • fix buttons sizing
  • add badge-notifications
  • reset list group z-index
  • add xs-md breakpoint (iPhone 8 - 375px)
  • add form-label modifier for applying a different style to form labels
  • match alert margin-bottom with card
  • add app settings to fixed layout
  • add sidebar / messages collapse menu

Dependencies

  • bump material-design-kit to v1.0.0-alpha.24

Card

  • remove custom card-stats classes in favor of utility helpers
  • cleanup card-options

Tab

  • add nav-tabs-card

Navbar

  • add navbar dropdown max height
  • add dropdown-notifications / unread background and status indicator
  • add dropdown-notifications / badge-notifications
  • remove dropdown-notifications / list-group-item-meta

Perfect Scrollbar

  • disable perfect scrollbar wheel propagation
  • disable perfect scrollbar swipe easing

Drawer

  • improve drawer scrim color
  • reduce sidebar heading font size and increase font weight
  • change sidebar-transparent background color to $body-bg (fixes some issues when applying the class from JS)

Search

  • fix search form button spacing
  • drop navbar-search-form in favor of search-form component

Utility

  • add border width utility helpers
  • add border-{1,2,3} utilities
  • add text-base utility for applying base font family
  • add text-ellipsis utility
  • add z-{0,1,2,3} depth utilities
  • add w-{breakpoint}-down-100 utilities for applying width: 100% on smaller screens
  • add {left,right,top,bottom}-0 utilities
  • add navbar-height and navbar-shadow utilities
  • add table-nowrap utility

Dropdown

  • add smoother dropdown-menu transitions
  • clean dropdown.js
  • enable Popper gpuAcceleration
  • add dropdown transition variable
  • improve dropdown menu shadow color
  • improve dropdown menu transition

Modal

  • improve modal backdrop color
  • remove modal content border
  • improve modal shadow color
  • improve modal transition

Layout

material-design-kit v1.0.0-alpha.24
  • fix drawer layout within drawer layout issues
  • upgrade drawer layout to flexbox
  • fix RTL

Account Pages

Messages

  • add messages / search members
  • add messages / reply form with emojis and file upload
  • add messages / conversation inner scroll area with perfect scrollbar
  • add messages / move reply form in visible viewport
  • add messages / new floating conversation blocks with emojis and files
  • add messages / auto scroll conversation to bottom
  • improve messages / increase chat drawer width
  • add messages / chat drawer member avatar status indicator
  • add messages / chat drawer member status message
  • improve messages / chat drawer active member conversation
  • improve messages / chat drawer member spacing
  • add messages / reply form / add message to conversation
  • add messages / reply form / autofocus
  • add new messages page with fluid layout and default drawer active
  • add new messages to fixed layout
  • add messages / conversation navbar with avatar, status, search conversation and drawer toggle button
  • fix messages scroll to bottom
  • align messages sidebar search with messages navbar
  • add messages / app navbar / avatar online status
  • fix messages / app navbar / show chat drawer toggle button on fixed layout
  • add messages / sidebar / status text muted and ellipsis
  • add messages / sidebar / offline members

Login / Signup

  • add login / signup / form labels
  • add login / signup / form merge groups with font awesome icons
  • center login / signup forms on page
  • add login / signup / continue with google button
  • improve login / signup / text and link colors and font size
  • add login / signup / increase card box shadow
  • add login / signup / brand
  • fix login / signup - brand link

Edit Account

  • add edit account / nav-tabs-card class to nav-tabs
  • add edit account / form-label class to labels

Student Pages

Student / Dashboard

  • improve student / dashboard / forum activity
  • change student / dashboard / courses / course links to bold with body text color
  • add student / dashboard / courses / avatars with 4 by 3 ratio
  • add student / dashboard / courses / list item options
  • move student / dashboard / courses / progress under course title

Student / Pay

  • add student / pay / form-label class to labels
  • fix student / pay / replace form-control-label class with col-form-label
  • fix student / pay / add missing paypal icon

Instructor Pages

Instructor / Dashboard

  • change instructor / dashboard / bold course links with body text color
  • change instructor / dashboard / transactions / course avatars to 4 by 3 ratio
  • add instructor / dashboard / earnings bar chart
  • add instructor / dashboard / transactions / table-nowrap
  • add instructor / dashboard / transactions / sorting via list.js
  • improve instructor / dashboard / comments
  • add instructor / dashboard / comments / reply sample
  • add instructor / dashboard / comments / quick reply buttons (emojis, files and send)

Instructor / Manage Courses

  • add instructor / manage courses / new course cards
  • add instructor / manage courses / no results alert
  • add instructor / manage courses / management card with filters, search and sort
  • add instructor / manage courses / filters dropdown / clear filters link
  • add instructor / manage courses / filters dropdown / published
  • add instructor / manage courses / course card options dropdown

Instructor / Quizzes

  • add instructor / quizzes / form-label class to labels

Instructor / Edit Quiz

  • add instructor / edit quiz / form-label class to labels
  • fix instructor / edit quiz / edit question modal / heading and close button color and size
  • improve instructor / edit quiz / edit question modal / center modal on page
  • add instructor / edit quiz / save button

Instructor / Review Quiz

  • replace instructor / review quiz / nouislider with bootstrap range
  • add instructor / review quiz / nav-tabs-card class to nav-tabs
  • add instructor / review quiz / form-label class to labels

Instructor / Edit Course

  • add instructor / edit course / quill rich text editor
  • improve instructor / edit course / meta form - move controls under labels
  • add flatpickr to instructor / edit course / start and end dates
  • add color completion badges to instructor / edit course / meta form
  • add instructor / edit course / form-label class to labels

Instructor / Add Lesson

  • fix instructor / add lesson / replace form-control-label class with col-form-label
  • add instructor / add lesson / form-label class to labels

Instructor / Statement

  • add flatpickr date range to instructor statement
  • add instructor / statement / form-label class to labels

Other

General

  • remove custom card-stats classes in favor of utility helpers
  • add page separator
  • add v4.1.0 app settings cookie namespace
  • add settings drawer
  • add settings button

Components

  • add forms / form-label class to labels
  • add tabs / nav-tabs-card class to nav-tabs

Plugins

  • add listjs sort-by and sort-desc options for auto sorting after initialization
  • fix flatpickr primary color
  • add charts / nav-tabs-card class to nav-tabs code samples
  • add charts / form-label class to labels

Dependencies

  • bump ui-learnplus-bootstrap to v2.0.0
  • bump fm-app-settings to v4.0.1
  • remove nouislider dependency
  • add fm-plugin-flatpickr v1.0.1
  • add fm-plugin-chartjs v1.0.1
  • add fm-plugin-quill v1.0.1
  • add fm-plugin-listjs v1.0.2
  • add fm-plugin-dragula v1.0.0
  • remove flatpickr dependency (installed by fm-plugin-flatpickr)
  • remove chart.js dependency (installed by fm-plugin-chartjs)
  • remove quill dependency (installed by fm-plugin-quill)
  • remove list.js dependency (installed by fm-plugin-listjs)
  • remove dragula dependency (installed by fm-plugin-dragula)

Source

  • move avatars to fm-avatar package
  • move custom toggle to bootstrap-custom-checkbox-toggle package
  • move flatpickr to fm-plugin-flatpickr package
  • move charts to fm-plugin-chartjs package
  • rename charts.js to chartjs.js
  • move quill to fm-plugin-quill package
  • move lists to fm-plugin-listjs package
  • move drag to fm-plugin-dragula
  • rename ui-drag.js to dragula.js
  • move loaders to fm-loader package