Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions lit-full/src/components/editor/ui/slash-menu/slash-menu-item.ts
Original file line number Diff line number Diff line change
Expand Up @@ -34,14 +34,14 @@ export class SlashMenuItemElement extends LitElement {
>
<span>${this.label}</span>
${
this.kbd
? html`
<kbd class="text-xs font-mono text-gray-400 dark:text-gray-500">
${this.kbd}
</kbd>
`
: ''
}
this.kbd
? html`
<kbd class="text-xs font-mono text-gray-400 dark:text-gray-500">
${this.kbd}
</kbd>
`
: ''
}
</prosekit-autocomplete-item>
`
}
Expand Down
240 changes: 120 additions & 120 deletions lit-full/src/components/editor/ui/table-handle/table-handle.ts

Large diffs are not rendered by default.

22 changes: 11 additions & 11 deletions lit-full/src/components/editor/ui/tag-menu/tag-menu.ts
Original file line number Diff line number Diff line change
Expand Up @@ -74,17 +74,17 @@ class TagMenuElement extends LitElement {
No results
</prosekit-autocomplete-empty>
${repeat(
this.tags,
(tag) => tag.id,
(tag) => html`
<prosekit-autocomplete-item
class="relative flex items-center justify-between min-w-32 scroll-my-1 rounded-md px-3 py-1.5 text-sm box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800"
@select=${() => this.handleTagInsert(editor, tag.id, tag.label)}
>
${'#' + tag.label}
</prosekit-autocomplete-item>
`,
)}
this.tags,
(tag) => tag.id,
(tag) => html`
<prosekit-autocomplete-item
class="relative flex items-center justify-between min-w-32 scroll-my-1 rounded-md px-3 py-1.5 text-sm box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800"
@select=${() => this.handleTagInsert(editor, tag.id, tag.label)}
>
${'#' + tag.label}
</prosekit-autocomplete-item>
`,
)}
</div>
</prosekit-autocomplete-popup>
</prosekit-autocomplete-positioner>
Expand Down
26 changes: 13 additions & 13 deletions lit-full/src/components/editor/ui/user-menu/user-menu.ts
Original file line number Diff line number Diff line change
Expand Up @@ -96,19 +96,19 @@ class UserMenuElement extends LitElement {
${this.loading ? 'Loading...' : 'No results'}
</prosekit-autocomplete-empty>
${repeat(
this.users,
(user) => user.id,
(user) => html`
<prosekit-autocomplete-item
class="relative flex items-center justify-between min-w-32 scroll-my-1 rounded-md px-3 py-1.5 text-sm box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800"
@select=${() => this.handleUserInsert(editor, user.id, user.name)}
>
<span class=${this.loading ? 'opacity-50' : nothing}>
${user.name}
</span>
</prosekit-autocomplete-item>
`,
)}
this.users,
(user) => user.id,
(user) => html`
<prosekit-autocomplete-item
class="relative flex items-center justify-between min-w-32 scroll-my-1 rounded-md px-3 py-1.5 text-sm box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800"
@select=${() => this.handleUserInsert(editor, user.id, user.name)}
>
<span class=${this.loading ? 'opacity-50' : nothing}>
${user.name}
</span>
</prosekit-autocomplete-item>
`,
)}
</div>
</prosekit-autocomplete-popup>
</prosekit-autocomplete-positioner>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -34,14 +34,14 @@ export class SlashMenuItemElement extends LitElement {
>
<span>${this.label}</span>
${
this.kbd
? html`
<kbd class="text-xs font-mono text-gray-400 dark:text-gray-500">
${this.kbd}
</kbd>
`
: ''
}
this.kbd
? html`
<kbd class="text-xs font-mono text-gray-400 dark:text-gray-500">
${this.kbd}
</kbd>
`
: ''
}
</prosekit-autocomplete-item>
`
}
Expand Down
Loading
Loading