Skip to content
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.

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

Allow to toggle editable title by click #1288

Merged
merged 2 commits into from
Aug 19, 2020

Conversation

raimund-schluessler
Copy link
Contributor

@raimund-schluessler raimund-schluessler commented Aug 14, 2020

This PR allows to show the title input field by clicking on the title. Also it makes sure that the title input is rendered in the same style as the title itself:

title

Partially implements #1090.

@raimund-schluessler raimund-schluessler force-pushed the fix/1090/editable-title branch 2 times, most recently from 0c6c5b6 to 2e07637 Compare August 16, 2020 11:36
@raimund-schluessler raimund-schluessler marked this pull request as ready for review August 16, 2020 11:44
@raimund-schluessler raimund-schluessler added enhancement New feature or request 3. to review Waiting for reviews feature: app-sidebar Related to the app-sidebar component labels Aug 16, 2020
Copy link
Contributor

@skjnldsv skjnldsv left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice addition!
See comments 😉

src/components/AppSidebar/AppSidebar.vue Outdated Show resolved Hide resolved
src/components/AppSidebar/AppSidebar.vue Outdated Show resolved Hide resolved
src/components/AppSidebar/AppSidebar.vue Outdated Show resolved Hide resolved
src/components/AppSidebar/AppSidebar.vue Outdated Show resolved Hide resolved
src/components/AppSidebar/AppSidebar.vue Show resolved Hide resolved
@raimund-schluessler raimund-schluessler force-pushed the fix/1090/editable-title branch 2 times, most recently from b86ec97 to 07b7721 Compare August 17, 2020 16:50
@raimund-schluessler raimund-schluessler force-pushed the fix/1090/editable-title branch 2 times, most recently from d41290e to 2a1aa31 Compare August 17, 2020 20:24
@raimund-schluessler raimund-schluessler force-pushed the fix/1090/editable-title branch 3 times, most recently from aa8d0e7 to 5558c61 Compare August 17, 2020 20:56
@raimund-schluessler
Copy link
Contributor Author

Shall we also edit the editable title example to use sync?

@skjnldsv
Copy link
Contributor

Shall we also edit the editable title example to use sync?

yes so we can have both please :)

@raimund-schluessler
Copy link
Contributor Author

I added an editable title after click example.

@skjnldsv
Copy link
Contributor

skjnldsv commented Aug 19, 2020

I'm an idiiot, I thought this pr was already in, so this is why I edited my other pr #1303 ... 🙈
I'm tired :(

@raimund-schluessler raimund-schluessler force-pushed the fix/1090/editable-title branch 2 times, most recently from 188da04 to 4124540 Compare August 19, 2020 07:34
@raimund-schluessler
Copy link
Contributor Author

I'm an idiiot, I thought this pr was already in, so this is why I edited my other pr #1303 ... 🙈
I'm tired :(

Don't worry, it's fine. But it explains #1303 🙂🙈

@raimund-schluessler
Copy link
Contributor Author

@skjnldsv So how should we proceed? Review and merge this one first and adjust #1303 afterwards, or the other way around?

@skjnldsv
Copy link
Contributor

@skjnldsv So how should we proceed? Review and merge this one first and adjust #1303 afterwards, or the other way around?

yours first :)

@raimund-schluessler
Copy link
Contributor Author

@skjnldsv In case you are busy, I can also take care of #1303 in the evening (since I broke it in #1281).

Copy link
Contributor

@skjnldsv skjnldsv left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

A few nitpicks

Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>
Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>
@skjnldsv
Copy link
Contributor

@skjnldsv In case you are busy, I can also take care of #1303 in the evening (since I broke it in #1281).

Feel free to do so then :)

@click.self="editTitle($event)" />
<template v-if="titleEditable">
<form
v-click-outside="() => onSubmitTitle()"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@raimund-schluessler I just noticed this, we do not forward any event here. 🙈
Any reason you did not just do that?

Suggested change
v-click-outside="() => onSubmitTitle()"
v-click-outside="onSubmitTitle"

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No, I probably just overlooked it.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

All good, thanks :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
3. to review Waiting for reviews enhancement New feature or request feature: app-sidebar Related to the app-sidebar component
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants