Commit graph

86 commits

Author SHA1 Message Date
Juraj Fiala
16bed11123 fractal-gtk: message widget: Mark edited messages 2020-07-02 10:36:02 +00:00
Kai Hiller
23ec33369c app.css: Remove Gtk-WARNINGs 2020-03-10 13:31:56 +00:00
Sonja Heinze
2005b009a9 Display file name of audio messages
With this commit, the file name of an audio message gets displayed above
the audio player.
2020-02-21 07:08:38 +00:00
Sonja Heinze
151045379c Improve styling of videos in media viewer
This commit implements the design/styling improvement ideas of issue #581
that concern the video player in the media viewer.
2020-02-13 07:29:04 +00:00
sonjita
3640d6469e Improve design of video messages in room history
This commit fixes the right click context menu options for videos. Now,
it contains "Reply", "Open With...", "Save Video As", "View Source" and
"Delete Message".

Furthermore, the auto video play widget of video messages in the room
history gets overlayed with
- a play icon in the center
- a message context menu button on the top right. On click, it opens
a popover. That popover contains the same options as the right click
context menu popover.
2020-01-27 10:46:31 +01:00
Alex Monday
f0e6e408d3 app.css: Use opacity for .direct-chat icon instead of hardcoded color 2019-11-06 07:22:23 +00:00
Daniel Pauls
37ea7c77aa autocompletion-popover: Fix misplacement on small window widths
Currently the autocompletion-popover has a margin-left in its stylesheet
which does look misplaced if the window has a small width.

To fix this remove the left margin of the autocompletion-popover once the
transition between the 'narrow' and 'non-narrow' mode happens.

Fixes https://gitlab.gnome.org/GNOME/fractal/issues/516
2019-08-17 19:51:03 +00:00
Christopher Davis
197e063157 directory: Adapt room directory for mobile sizes
Makes it so that the room directory can scale down to mobile
sizes.
2019-07-19 13:15:15 -07:00
Daniel García Moreno
daf36388ad Fix typing notification margin
The margin of the typing_label was not exactly aligned with the text, we
have the padding left of the list (18/6) plus the size of the avatar
(40) plus double of the padding of the row (9 * 2).

With the handy column the list left padding changes from 18 to 6 so we
need to control that case and change the margin according to that.

Fix https://gitlab.gnome.org/GNOME/fractal/issues/492
2019-06-26 08:31:38 +02:00
Christopher Davis
f96d72654a fractal-gtk: Reduce margins when leaflet is folded
Our current margins are a little too big for a mobile screen.
So, we reduce them to 6px when we detect that the app is
folded with HdyLeaflet.

Closes https://gitlab.gnome.org/GNOME/fractal/issues/480
2019-04-29 08:29:59 +00:00
Christopher Davis
66e95aa151 fractal-gtk: Redesign Login Flow
This is a complete overhaul over the interface for login.

* widgetifies the login view (removes app/connect/login.rs)
* Instead of asking for the identity server, uses .well-known
* No longer assumes a homeserver

Closes #448
2019-04-15 10:30:58 -04:00
Crom (Thibaut CHARLES)
d60ce58cf3
power_level badges for users in room settings
Used Avatar::circle badge parameter in MemberBox

rustfmt

Show power level next to the matrix user ID

Fix mxid & power level forcing window width

new design closer to @bertob's proposal

Gap around avatar's badge

Power level roles translation

css-themed avatar's colored dot

Reduced badge height
2019-03-18 20:46:12 +01:00
Daniel García Moreno
54a1144ea8 Merge branch 'merge-requests/387'
account_settings: Remove revealer boxes

https://gitlab.gnome.org/GNOME/fractal/merge_requests/387
2019-03-13 10:40:57 +01:00
Rasmus Rendal
48c8013be4 Add typing notifications
Add handler for incoming typing notifications in the sync loop
Add an appop handler for typing notifications to the frontend

Feature added for #305
2019-03-07 08:40:03 +00:00
Xiang Fan
b2135efac2 account_settings: Remove revealer boxes 2019-03-04 09:53:47 +00:00
Julian Sparber
aafd8096c5 sidebar: fix notification counter style 2019-01-19 11:23:43 +01:00
Tobias Bernard
aa9b48cad3 Invite Dialogs: minor visual fixes
- Fix the search results not expanding
- Fix the spacing around the searchbar

The two UI files are identical except for some labels and IDs and should
be merged
2018-12-24 09:53:34 +00:00
Tobias Bernard
4413d22e3d big emoji: change font size to 3em 2018-12-13 12:45:55 +01:00
Zeeshan Ali
6c599708f0 message: Make emoji-only messages, big
Just like most chat apps do these days.

Fixes #367.
2018-12-09 22:53:21 +01:00
Daniel Garcia Moreno
03fae4c636 Revert "Merge branch 'mobile-ui' into 'master'"
This reverts merge request !268
2018-11-14 18:05:36 +00:00
Christopher Davis
c576598a86 leaflet: Shrink padding to message list when app is folded
Applies a style class, folded-history, whenever the leaflet is
folded. folded-history shrinks the padding around the message
list to 6px from the default 18px.
2018-11-13 12:25:44 -05:00
Julian Sparber
dcfa039b42 roomhistory: draw messages from the buttom up
This attaches the room history to the input field and makes loading of
messages a little bit smoother.
2018-11-06 11:50:42 +01:00
Alexander Mikhaylenko
e3ae08e0cc app.css: Drop custom devel style
Devel style is now available in GTK+ itself, so drop the custom style.
2018-10-22 15:42:20 +05:00
Jordan Petridis
ecefd2cc51
SourceViewEntry: Use HdyColumn to center it
This is a reimplementation of the widget that existed in the gtkbuilder
(.ui) file. The end goal is to start moving everything in its own
declaration and use actuall Rust structs instead of the GtkBuilder
to access the widgets.

For the time being the widgets are exposed to the builder object in
order to make the refactoring proccess easier and not brake the world.
2018-10-01 08:32:56 +03:00
Julian Sparber
9e789d490f
column: change message list background to white 2018-10-01 08:32:47 +03:00
Julian Sparber
09608c7daf roomhistory: lazy load all stored room messages
Since the messages are lazy loaded, we can load all cached messages
when a room gets opened
2018-09-25 16:07:39 +02:00
Rasmus Rendal
e0a91b06ce Changed the name to small-font, to make it a bit more general 2018-09-23 10:57:01 +02:00
Rasmus Rendal
4772e6f001 Made the text small again 2018-09-23 10:52:22 +02:00
Rasmus Rendal
a6109e7f58 Use dim-label instead of another CSS class 2018-09-23 10:43:17 +02:00
Rasmus Rendal
03e4da2e3f Added a label to the members list which shows MXID's 2018-09-22 21:42:44 +02:00
Alexander Mikhaylenko
230a2bc267 app.css: Apply devel headerbar colors more selectively
Prevents label color leaking onto buttons.
2018-09-13 21:21:23 +05:00
Christopher Davis
3c2463e618 Add style class for highlighted messages
The style class previously used was made obsolete and
removed in f17383035f -
this commit replaces it with a new style class,
`msg-highlighted`.
2018-09-03 20:16:41 -04:00
Eisha Chen-yen-su
f17383035f app.css: Remove the unused "msg-redacted" class 2018-09-01 10:12:50 +02:00
Alexander Mikhaylenko
80c909d476 app.css: Add development styling 2018-08-24 13:54:47 +05:00
Eisha Chen-yen-su
37e80c03e2 app.css: Add a CSS class for redacted messages
See https://gitlab.gnome.org/World/fractal/issues/195
2018-08-03 16:21:34 +02:00
Eisha Chen-yen-su
763ea03de8 app.css: Add a class for quotes in messages
This adds a class for the quotes in messages so that they have a 6px
left margin, a 2px blue line on the left side and their text dimmed.

See https://gitlab.gnome.org/World/fractal/issues/192
2018-07-29 14:56:28 +02:00
Eisha Chen-yen-su
6a53e35a7f UI: Fix some visual issues
See https://gitlab.gnome.org/World/fractal/issues/154
2018-07-23 17:25:24 +02:00
Julian Sparber
544fc52ff3 roomsettings: show members in the room settings
This implements a new members list widget without the use of the backend
and with the use of the cached avatar, also it implements the new UI for
the members list.

https://gitlab.gnome.org/World/fractal/issues/19
2018-07-17 21:51:55 +02:00
Julian Sparber
4e6b802aca room: add room settings panel
move all functionality of the old room config dialog to the new panel
and start the implementation of the new UI for the room settings panel

https://gitlab.gnome.org/World/fractal/issues/19
2018-07-17 21:51:55 +02:00
Daniel García Moreno
d959acfb01 css: Tmp message background based on theme_bg_color
Fix #275
2018-06-26 15:20:58 +02:00
Daniel García Moreno
36a8e47cd2 Fix attach file with the current message queue flow
I've moved the image/attach message creation from the backend to the
frontend so now we need to create the message with the file path in the
url field to attach a file. This simplifies the backend and allow us
more control over the temp message that we're showing because we can
render the temp message with the image
2018-06-08 18:16:01 +02:00
Julian Sparber
c4d608b1de accountsettings: show spinner will updating the avatar
https://gitlab.gnome.org/World/fractal/issues/21
2018-06-06 15:36:28 +02:00
Julian Sparber
96bcb94b52 accountsettings: add UI for account settings
* add UI for account settings
* display name and avatar

https://gitlab.gnome.org/World/fractal/issues/21
2018-06-05 12:05:25 +02:00
Eisha CHEN-YEN-SU
981da60185 fractal-gtk: Use a CSS class for the list divider
This removes the divider widget in the room directory and replaces
it with a border-bottom in the CSS.

See https://gitlab.gnome.org/World/fractal/issues/221
2018-05-31 12:05:26 +02:00
Daniel García Moreno
ce1f0a7d6f image: Resizable image widget
I've made the image widget resizable with the window
2018-05-29 18:32:25 +02:00
Daniel García Moreno
e2abb53a6a image: Spinner when loading images async
See #250
2018-05-27 21:43:24 +02:00
Daniel García Moreno
dd848b46a9 image: Adjust the image button width to 3px margin
See #250
2018-05-27 21:43:24 +02:00
Julian Sparber
d6145e8c91 message-history: set space after last message to 18px 2018-04-24 20:37:49 +02:00
Julian Sparber
972d44a2ef mention: blue highlight for messages with mentions and cleanup css file
fixes for #189:
  - Change background color to faint blue
  - Add 3px blue line on the left
2018-04-23 21:31:08 +02:00
Julian Sparber
b35dec663d autoscroll: add button to scroll down to last message 2018-04-14 07:56:39 +00:00