Skip to content

Link picker #3700

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
juliusknorr merged 12 commits into from
Jan 30, 2023
Merged

Link picker #3700

Changes from 1 commit
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
603096b
refactor(suggestion): Refactor existing suggestions to reuse logic
juliusknorr Jan 26, 2023
1a39895
use vue-richtext helper functions to call the link picker
julien-nc Jan 26, 2023
7c72748
fix(Suggestion): Close link picker tippy if selected
juliusknorr Jan 26, 2023
4a49052
fix(LinkPicker): Show icons
juliusknorr Jan 26, 2023
9a05d97
fix(LinkPicker): Make sure that spaces after link paragraphs are ignored
juliusknorr Jan 26, 2023
26c2993
tests(Mentions): Fix cypress selector for mentions test
juliusknorr Jan 26, 2023
e02a2a1
adjust link picker suggestion style
julien-nc Jan 27, 2023
a116634
allow larger suggestion list
julien-nc Jan 27, 2023
6cda803
add menu action to open link picker
julien-nc Jan 27, 2023
932a2dc
chore(dependencies): Bump @nextcloud/vue-richtext
juliusknorr Jan 30, 2023
3ac47b9
fix: Properly destroy tippy on escape
juliusknorr Jan 30, 2023
82036c3
Compile assets
nextcloud-command Jan 30, 2023
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
Prev Previous commit
Next Next commit
fix(LinkPicker): Show icons 
Signed-off-by: Julius Härtl <[email protected]>
  • Loading branch information
@juliusknorr
juliusknorr committed Jan 30, 2023
commit 4a490524c7397ab39d2de7cbf67e26396a2fd443
26 changes: 24 additions & 2 deletions src/components/Suggestion/LinkPicker/LinkPickerList.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,9 +19,15 @@
- along with this program. If not, see <http://www.gnu.org/licenses/>.
-->
<template>
<SuggestionListWrapper ref="suggestionList" :command="command" :items="items" @select="(item) => $emit('select', item)">
<SuggestionListWrapper ref="suggestionList"
:command="command"
:items="items"
@select="(item) => $emit('select', item)">
<template #default="{ item }">
{{ item.label }}
<div class="link-picker__item">
<img :src="item.icon">
<div>{{ item.label }}</div>
</div>
</template>
<template #empty>
{{ t('text', 'No command found') }}
Expand Down Expand Up @@ -54,3 +60,19 @@ export default {
},
}
</script>
<style lang="scss" scoped>
.link-picker__item {
display: flex;

& > div {
padding: 4px;
padding-left: 12px;
}

img {
width: 32px;
height: 32px;
filter: var(--background-invert-if-dark);
}
}
</style>