See New Homepage Dashboard Prototypes - Round 2 #241
I have broken down this update in more manageable milestones:
[x] Lots of CSS refactors necessary to fix issues with old Bootstrap stylesheet and the "utility CSS" approach. #253
[x] Remove Bootstrap buttons completely - Use custom buttons ( .ko-Btn.ko-Btn--success.ko-Btn--large etc ) which works better with tailwind, and can be applied to element-plus buttons should we need them
[x] Upgraded Bootstrap to v5.x (use the npm package) - import only the FORMS module
[x] Create a styleguide (available at /ux) with a live demo of all the button styles and other smaller widgets
[x] Use FontAwesome 5 Pro : remove the old FA4 FREE CDN url, use the full FA5PRO in local dev, and use a "subset" (optimized) build of FA5PRO in production (created with the Font Awesome Pro Subsetter.app)
[x] Milestone 0 : redesign the Restudy List page - to match the new dashboard (and fix #251)
[x] Milestone 1 : top portion of the dashboard ( "Study" and "Review" boxes)
[ ] Milestone 1b : the "Welcome" screen for new users - may skip this if it's annoying and do it later
[x] Milestone 2 : Current Lesson pane (middle part of the new dashboard) & View All Lessons (much improved "Check progress" page with detail for each lesson)
[ ] Milestone 3 : Activity Log - first version will track NEW CARDS and REVIEWS per day, over the last 30 days
See New Homepage Dashboard Prototypes - Round 2 #241
I have broken down this update in more manageable milestones:
.ko-Btn
.ko-Btn--success
.ko-Btn--large
etc ) which works better with tailwind, and can be applied to element-plus buttons should we need them/ux
) with a live demo of all the button styles and other smaller widgets