Enhance edit label modal styling and functionality #44
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Redesigned modal with clean, modern styling - Made modal compact yet spacious (380px x 320px) - Added gradient backgrounds and smooth hover effects - Removed suggestions section for simplified UI - Fixed JavaScript errors with null element checks - Improved button styling with subtle animations - Enhanced mobile responsiveness - Removed focus effects as requested - Streamlined user experience for label editing
- Added logo.png as favicon in HTML head tag - Copied logo.png from docs to web directory for proper access - Favicon will now display in browser tabs and bookmarks
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This pull request introduces a modal-based interface for editing annotation labels in the SAT Annotator, along with related UI enhancements and functionality updates. Key changes include the addition of a new modal, updated event handling for label editing, and improved styling for responsiveness and usability.
New Feature: Edit Label Modal
editLabelModal) inweb/index.htmlfor editing annotation labels, including dropdown and custom input options for labels.AnnotationManager(showEditLabelModal,closeEditLabelModal,saveEditedLabel, etc.) inweb/js/annotations.jsto handle modal interactions and label updates. [1] [2]Event Handling Enhancements
AnnotationManagerto improve user interaction.window.annotationManagerto ensure proper method scoping. [1] [2]UI and Styling Improvements
web/styles.cssto style the modal, including animations, responsive design for mobile, and improved aesthetics for buttons and inputs. [1] [2].modal.showclass to toggle modal visibility and adjusted modal dimensions for better usability.Bug Fixes and Error Handling
editAnnotationand modal-related methods to log issues when elements or annotations are not found. [1] [2]These changes collectively improve the user experience for editing annotation labels, making the interface more intuitive and visually appealing.