Whenever a preview has a filename label, it used to push the layout.
The ellipsis is now fixed there so that the timestamps are aligned
again.
Signed-off-by: Vincent Petry <vincent@nextcloud.com>
In the reply box the preview is too big and generates a scrollbar.
This reduces the preview size there and also simplifies the matching
property.
Signed-off-by: Vincent Petry <vincent@nextcloud.com>
By moving the element to the end it discards the weird HTML based spaces
and improves also how it looks like.
Signed-off-by: Vincent Petry <vincent@nextcloud.com>
In the conversation view, regular users can now also search/filter in
the sidebar. They don't get the option to add participants like
moderators do.
Signed-off-by: Vincent Petry <vincent@nextcloud.com>
When clicking the search result, the native anchor logic makes the
browser scroll directly to the message, but leaves it at the top of the
window. To be able to force scrollIntoView, we needed to add some delay
and scroll afterwards a bit further.
The scrolling is done to the center of the messages list.
Signed-off-by: Vincent Petry <vincent@nextcloud.com>
Added rounded borders.
Whenever the hash changes as a result of clicking a link, the message is
now also highlighted. However, it seems the browser already teleports
there so scrollIntoView does nothing. This will need further research.
Fixed Quote logic to actually receive a parent-id from NewMessageForm,
which removes the console message about the missing required property.
Tweaked scroll into view to focus on the top instead of center.
Signed-off-by: Vincent Petry <vincent@nextcloud.com>
When clicking the quote in the new message form, the original message is
not properly focussed.
The issue was that the Quote component is used in two separate scenarios
and has inconsistent attributes (added FIXME to refactor that later).
Signed-off-by: Vincent Petry <vincent@nextcloud.com>
When coming from the unified search or other places, the URL hash will
contain the id of a message. The message in question will now be
highlighted for a short time.
Increased animation from 2 to 5 seconds to make it easier to spot when
coming from the URL/anchor.
Changed message highlight color to be the existing hover one.
Signed-off-by: Vincent Petry <vincent@nextcloud.com>
When clicking on a quote, we scroll to it and now there's a new
highlight animation that fades out
The animation and scrolling logic was moved from the Quote vue to the
Message vue. The Quote vue will now only send an event to tell that we
want to focus a specific message.
A DOM-level method was used for triggering the highlight to be able to
access it with document.getElementById() as it's cheaper than trying to
look up the message by id within the collection of MessagesList.
Signed-off-by: Vincent Petry <vincent@nextcloud.com>
Whenever only the URL hash changes despite the token staying the same, a
route change event is still triggered.
This fix avoids leaving and re-joining the same conversation.
Fixes an issue where clicking a search result would trigger both the
event that leaves the conversation within a route change and a page
unload event, which also leaves the same conversation.
Signed-off-by: Vincent Petry <vincent@nextcloud.com>
When in chat view, increase the space on the right of the top right to
make sure the user can still grab the scroll bar.
In call view that space is set back to zero.
Signed-off-by: Vincent Petry <vincent@nextcloud.com>
Due to recent changes to the scroll component, the
call button in sidebar chat needs to be
adjusted to float on top of the chat.
Signed-off-by: Vincent Petry <vincent@nextcloud.com>
Replaced the SVG gradient animation with a CSS opacity animation that
fades between two lists, one with the regular gradient and one with the
reversed one.
Signed-off-by: Vincent Petry <vincent@nextcloud.com>
Added tooltip for room names in case they are too long.
Note: the tooltip appears regardless of length.
Signed-off-by: Vincent Petry <vincent@nextcloud.com>
Whenever a video or GIF as a preview displayed, add a play icon to make
it clear that it's a video and that a viewer is available for playing
it
Adds an image container to be able to center the play button.
Signed-off-by: Vincent Petry <vincent@nextcloud.com>
dependabot-preview[bot]
Joas Schilling
Vincent Petry
Nextcloud bot
Roeland Jago Douma