All notable changes to this project will be documented in this file. The format is based on Keep a Changelog.
- Prevent scrolling while dragging on touch interfaces
- Convert all icons to use inline SVGs to avoid blank background-image flash
- Specify button text colors because
revertbehaved differently on different browsers
- Validation for MIT
id,date, andstatusproperties - Build script that updates version-based cachebusters from package.json
- Moved drag-and-drop functionality to its own file (/assets/js/drag-and-drop.js)
- Refactor main.js for simplicity, better readability, and accessibility
- Add version to footer
- The task list can now be maximized and minimized using the buttons on the bottom row
- The base size can be increased and decreased using the new buttons on the bottom row
- ESLint
- Playwright testing
- Improved handling of task status changes, so that the hover state doesn't cause visual confusion after checking or unchecking a task
- When dragging a task over an invalid drop target (i.e., dragging a completed task over an uncompleted task), the drop arrow now accurately indicates where the task will end up
- Drag and drop for touchscreens!
- Use padding on task descriptions so it is easier to insert the cursor at the end of the description
- Renamed the
vendorfolder toincludesto avoid conflict with composer if I ever use it for this project
- Updated SASS
@importto@use - Update icons
- Animations
- Update input labels and placeholders
- When updating a task description, pressing Enter updates the description as before, but now pressing Tab also updates the description. Removing focus in any other way (Escape, Shift + Tab, or clicking outside the task description) reverts the task description to its initial value.
- New task input labels weren't updating on clearing tasks
- Use SlateBlue for link colors so links are not so bright
- Hide Clear All button if all tasks are completed
- Delays checkbox icon hover state after a task's status changes
- Added webmanifest.json and app icons for home screen bookmark
- Remove focus after the user presses enter, escape, or removes the focus from the task description
- Re-style task descriptions on focus
- Hide the task age when editing the task description
- Switched the order of the confirm and cancel buttons so that the confirm button is in the lower right, more prominent position.
- Removed unnecessary class in the FAQ file.
- Added the Jost font.
- Adjusted the vertical alignment of the task-age tag so that it is vertically centered on the line.
- Make task-age tags all-caps.
- Added event.preventDefault() to saveTask() to stop it from adding a ? to the URL when adding a task.
- Removed animation event listener when changing task status because if the mouse left the checkbox the function would not complete, meaning the task status would not change.
- Changed all background properties to explicit declarations to make inheritance work better.
- Using display:flex on the .task-list element was screwing with .task height on Safari. Fixed by making .task-list a block element with bottom margins instead.
- Similarly, using display:grid on modal containers was forcing them to full height on Safari. Fixed by adding a sub-container to the
dialogelement.
- Closing modals with Escape key now fires on keydown instead of keyup.
- The add-task input now gets focus when the page loads.
- You can finally edit tasks!
- New look! Now that simpleMITs no longer relies on Bootstrap, it needed its own look.
- Also, no more Bootstrap modals. Modals are now handled by /assets/js/modals.js and /assets/scss/_modals.scss.
- Added SASS now that it needs more CSS.
- Logo and icons are now SVGs.
- jQuery and Chance are now stored locally for faster access.
- jQuery updated to 3.7.
- Reduce the maximum width.
- Now uses createElement to create tasks as nodes rather than just injecting HTML.
- Now uses CSS instead of Javascript for showing and hiding the clear-task buttons.
- Dragging and dropping now has more helpful graphical indicators, including grab handles to initiate dragging.
- Updated the FAQ.
- Removed Bootstrap.
- Removed PNG icons and images.
- Removed /ico.
- Layout tweaks.
- ARIA labels for accessibility.
- Define page regions.
- Remove spaces after task descriptions.
- Fix cursors related to drag-and-drop tasks.
- Drag-and-drop reordering.
- Minor tweaks to streamline the code and prepare for future features.
- Clear Done button changed to Clear Completed.
- Clicking Clear Completed pops up a modal confirmation dialog.
- Move Clear Done button to the left.
- Clear Done button.
- Clicking Clear All in the modal also dismisses the modal.
- If there is more than one task, use the Clear All button to clear them all at once.
- The input field label changes depending on the number of uncompleted tasks.
- Logo, favicon, and app icons.
- Tasks can be added, completed, and deleted.
- Tasks show a badge if they are more than 24 hours old.
- FAQ.