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

fix(SelectableParticipant): restyle component #13017

Merged
merged 1 commit into from
Aug 20, 2024

Conversation

Antreesy
Copy link
Contributor

@Antreesy Antreesy commented Aug 16, 2024

☑️ Resolves

  • Fix appearance of component
    • visual - should look like NcListItem
    • a11y - should be an input with type: checkbox

🖌️ UI Checklist

🖼️ Screenshots / Screencasts

🏚️ Before 🏡 After
image image

🚧 Tasks

  • Follow-up: use component in ParticipantsList (if used as a search result)

🏁 Checklist

  • 🌏 Tested with different browsers / clients:
    • Chromium (Chrome / Edge / Opera / Brave)
    • Firefox
    • Safari
    • Talk Desktop
    • Not risky to browser differences / client
  • 🖌️ Design was reviewed, approved or inspired by the design team
  • ⛑️ Tests are included or not possible
  • 📗 User documentation in https://github.com/nextcloud/documentation/tree/master/user_manual/talk has been updated or is not required

@Antreesy Antreesy added this to the 🖤 Next Major (31) milestone Aug 16, 2024
@Antreesy Antreesy self-assigned this Aug 16, 2024
@Antreesy Antreesy force-pushed the fix/noid/restyle-selectable-participant branch from f3433f8 to 22601ff Compare August 16, 2024 14:02
Copy link
Contributor

@ShGKme ShGKme left a comment

Choose a reason for hiding this comment

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

Thanks! Looks better and more accessible. but some changes are required:

  • A problem with ID
  • A problem with input position

Comment on lines 23 to 33
<span class="selectable-participant__content">
<span class="selectable-participant__content-name">
{{ participant.displayName }}
</span>
<span v-if="participant.statusMessage"
class="selectable-participant__content-subname">
{{ participant.statusIcon + ' ' + participant.statusMessage }}
</span>
</span>

<IconCheck v-if="selected" class="selectable-participant__check-icon" :size="20" />
Copy link
Contributor

Choose a reason for hiding this comment

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

It's sad, we cannot use Cannot we use NcListItem here? Because of the check mark? Even with extra actions slot?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I thought the problem was in the <a> tag? Otherwise we can try to hide input in extra slot, I think

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Postponing until NcListItem is a11y-aproppriate to do that. Then we could migrate this component as well

Copy link
Contributor

@DorraJaouad DorraJaouad Aug 20, 2024

Choose a reason for hiding this comment

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

Yet, we are using NcListItem in selectable participants in new conversation dialog. Can we use the same ?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Want to do it with separate pr, to split the changes

@Antreesy Antreesy force-pushed the fix/noid/restyle-selectable-participant branch from 22601ff to abe6b6c Compare August 20, 2024 10:33
@Antreesy Antreesy force-pushed the fix/noid/restyle-selectable-participant branch from abe6b6c to ce96b16 Compare August 20, 2024 10:58
Copy link
Contributor

@ShGKme ShGKme left a comment

Choose a reason for hiding this comment

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

Thanks!

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
@Antreesy Antreesy force-pushed the fix/noid/restyle-selectable-participant branch from ce96b16 to 570bc32 Compare August 20, 2024 13:52
@Antreesy Antreesy merged commit 3a640f9 into main Aug 20, 2024
46 checks passed
@Antreesy Antreesy deleted the fix/noid/restyle-selectable-participant branch August 20, 2024 14:53
@Antreesy
Copy link
Contributor Author

/backport to stable30

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants