yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Wide selection of comment toolbar fixes (#5160

Browse Source 
* fix: Margin on floating toolbar
fix: Flash of toolbar on wide screens

* fix: Nesting of comment marks

* fix: Post button not visible when there is a draft comment, makes it look like the comment is saved
fix: Styling of link editor results now matches other menus
fix: Allow small link editor in comments sidebar

* fix: Cannot use arrow keys to navigate suggested links
Added animation to link suggestions
Added mixin for text ellipsis

* fix: Link input appears non-rounded when no creation option

* Accidental removal
This commit is contained in:
Tom Moor
2023-04-07 18:52:57 -04:00
committed by GitHub
parent a5c44ee961
commit c202198d61
28 changed files with 211 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
app/editor/index.tsx
View File

@@ -770,6 +770,31 @@ export class Editor extends React.PureComponent<
/>
{!readOnly && this.view && (
<>
{this.marks.link && (
<LinkToolbar
isActive={this.state.linkMenuOpen}
onCreateLink={this.props.onCreateLink}
onSearchLink={this.props.onSearchLink}
onClickLink={this.props.onClickLink}
onClose={this.handleCloseLinkMenu}
/>
)}
{this.nodes.emoji && (
<EmojiMenu
rtl={isRTL}
isActive={this.state.emojiMenuOpen}
search={this.state.blockMenuSearch}
onClose={this.handleCloseEmojiMenu}
/>
)}
{this.nodes.mention && (
<MentionMenu
rtl={isRTL}
isActive={this.state.mentionMenuOpen}
search={this.state.blockMenuSearch}
onClose={this.handleCloseMentionMenu}
/>
)}
<SelectionToolbar
rtl={isRTL}
isTemplate={this.props.template === true}
@@ -779,25 +804,6 @@ export class Editor extends React.PureComponent<
onClickLink={this.props.onClickLink}
onCreateLink={this.props.onCreateLink}
/>
<LinkToolbar
isActive={this.state.linkMenuOpen}
onCreateLink={this.props.onCreateLink}
onSearchLink={this.props.onSearchLink}
onClickLink={this.props.onClickLink}
onClose={this.handleCloseLinkMenu}
/>
<EmojiMenu
rtl={isRTL}
isActive={this.state.emojiMenuOpen}
search={this.state.blockMenuSearch}
onClose={this.handleCloseEmojiMenu}
/>
<MentionMenu
rtl={isRTL}
isActive={this.state.mentionMenuOpen}
search={this.state.blockMenuSearch}
onClose={this.handleCloseMentionMenu}
/>
<BlockMenu
rtl={isRTL}
isActive={this.state.blockMenuOpen}