style(stickies): apply placeholder text color to checked checklist items#90
Conversation
nazarli-shabnam
added
bug
There was a problem hiding this comment.
Pull request overview
Updates sticky note checklist styling so completed (checked) task items render using the placeholder text color with a smooth color transition, improving visual consistency with Plane.
Changes:
- Add a dedicated
sticky-note-editor-contentclass to the sticky noteEditorContentcontainer for targeted styling. - Introduce global CSS rules to style checked task list items (
li[data-checked='true']) inside sticky notes using--txt-placeholderwith acolortransition.
Reviewed changes
Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.
| File | Description |
|---|---|
| ui/src/index.css | Adds sticky-note-scoped CSS selectors to apply placeholder-colored text and transitions for checked task items. |
| ui/src/components/stickies/StickyNoteCard.tsx | Adds sticky-note-editor-content class to enable scoped styling of the editor content. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 2 out of 2 changed files in this pull request and generated 3 comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
nazarli-shabnam
left a comment
nazarli-shabnam
left a comment
There was a problem hiding this comment.
can be merged. congrats
This pull request enhances the
StickyNoteCardcomponent by adding helpful tooltips to the formatting and action buttons, improving accessibility and user experience. It also introduces platform-aware keyboard shortcut hints and visually distinguishes completed checklist items. The most important changes are grouped below:User Experience Improvements:
Tooltipcomponents to formatting buttons (Bold, Italic, To-do list) and the color/background and delete buttons, providing descriptive labels and shortcut hints. [1] [2] [3] [4] [5] [6]CmdorCtrlbased on the user's platform for better clarity.Visual Enhancements:
sticky-note-editor-content) to the editor content for more targeted styling.Code Maintenance:
Tooltipcomponent intoStickyNoteCard.tsxto support the new tooltips.closes Fix: Sticky Notes fade in done #89