Dale Harvey
049e3fc08c
Add some media queries to improve UI on mobile
2020-06-16 23:11:32 +02:00
David Baker
ef4d0a8051
Make linter happy
2020-05-22 10:33:19 +01:00
Travis Ralston
a425c5440b
Fix visibility of message timestamps
...
Fixes https://github.com/vector-im/riot-web/issues/13736
This also fixes an unreported but complained about issue regarding the 'always show timestamps' option not working.
Looks like this regressed in https://github.com/matrix-org/matrix-react-sdk/pull/4531 when things got shuffled around.
2020-05-21 16:34:23 -06:00
Jorik Schellekens
2e325191bc
Merge remote-tracking branch 'nv/develop' into joriks/irc-ui
2020-05-19 17:18:36 +01:00
Jorik Schellekens
17f535e5f8
Fix review problems
...
- removed superfluous position and classes
- fixed compact view
- fixed event list summary avatar and text overlap
- fixed a problem where the mention list refuses to load.
2020-05-18 16:37:10 +01:00
Jorik Schellekens
c1e740a596
Break out group layout settings
2020-05-07 14:04:33 +01:00
Michael Telatynski
f0085a9feb
Merge branches 'develop' and 't3chguy/redaction_redesign' of github.com:matrix-org/matrix-react-sdk into t3chguy/redaction_redesign
2020-05-07 09:56:21 +01:00
Michael Telatynski
c00b070269
Fix reply RR spacing getting doubled
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-03 13:28:16 +01:00
Jorik Schellekens
cf05beb4b8
Merge pull request #4355 from JorikSchellekens/joriks/font-scaling-fixes
...
Fix scaling issues
2020-04-28 13:47:50 +01:00
Michael Telatynski
9dd204dd10
Merge branches 'develop' and 't3chguy/redaction_redesign' of github.com:matrix-org/matrix-react-sdk into t3chguy/redaction_redesign
2020-04-27 23:09:08 +01:00
Michael Telatynski
da7a2f2f62
only clear on continuations where the clear isn't done by SenderProfile
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-27 17:50:50 +01:00
Jorik Schellekens
5113723154
Fix avatar alignment for room state events
2020-04-27 11:51:54 +01:00
Jorik Schellekens
e03442048c
Scale read receipt images
2020-04-27 11:51:54 +01:00
Jorik Schellekens
92005b15d8
Fix event tiles to smoothly resize with font.
2020-04-27 11:51:54 +01:00
Michael Telatynski
e16f511527
Redesign redactions
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-24 15:07:39 +01:00
Zoe
e3d784816d
Merge branch 'develop' into foldleft/better-errors
2020-04-17 14:11:05 +01:00
Michael Telatynski
60808ef6d2
apply clear:both to fix automatic margins for continuation events
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-09 13:36:53 +01:00
Zoe
1395cb02ed
Fixup alignment
2020-04-06 11:44:46 +01:00
Zoe
5ef06357f6
Merge branch 'develop' into foldleft/better-errors
2020-04-06 11:36:46 +01:00
Jorik Schellekens
3ed457ea7d
Merge pull request #4305 from JorikSchellekens/joriks/font-scaling
...
Make all 'font-size's and 'line-height's rem
2020-04-02 17:40:39 +01:00
Jorik Schellekens
6cf9166c4a
Use variables for the rem values.
...
It's become obvious that these random floating points everywhere
are unwieldy. Now they're all in one place with some fairly logical
variable names which will help out in design->implementation phase.
2020-03-31 15:26:23 +01:00
Michael Telatynski
9e8a401dc8
Fix EventListSummary when RR rendering is disabled
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-31 12:29:58 +01:00
Jorik Schellekens
da34e6241d
Make all 'font-size's and 'line-height's rem
...
Font size of the whole app would ideally be controlled by a single
value. This value is currently hard coded using the :root CSS selector.
It is the intention to make this value configurable within riot. In the
interim all font-sizes have been converted to rem by the simple process
of regex. Replacing px values with their equivalent rem values assuming
a font size of 15px and then rounded to three decimal places, which was
the base at the time of this transformation.
I'm expecting another commit cleaning up rem values but I thought it
best to leave that to review.
This commit doesn't address any scaling issues. I thought it better to
land this unwieldy, mechanical, invisible change before the others
otherwise the pr would be impossible to review thoroughly.
2020-03-30 18:23:46 +01:00
Zoe
04849f7f0d
incorporated design feedback
2020-03-26 13:47:32 +00:00
Zoe
9c392ce8bb
Merge branch 'develop' into foldleft/better-errors
2020-03-26 13:38:50 +00:00
Michael Telatynski
1c0c3c4695
Watch for show-RR settings changes, use room-specific and fix margins
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-20 09:29:59 +00:00
Travis Ralston
f33c930c41
Revert "Merge pull request #3892 from krkc/move-read-receipts-to-bottom"
...
This reverts commit 191abb5b0d
.
2020-03-10 11:28:52 -06:00
Travis Ralston
1975a8e082
Merge branch 'develop' into move-read-receipts-to-bottom
2020-03-05 17:13:24 -07:00
Zoe
0d03a8791d
style lint
2020-02-25 10:20:42 +00:00
Zoe
3302469a2b
Catch errors sooner so users can recover more easily
2020-02-24 18:04:11 +00:00
Christopher
ccd3234873
Moved read receipts to the bottom of the EventTile.
2020-01-21 16:14:01 +00:00
Zoe
befd4e1f5a
shout more for unknown devices, but keep the tooltip
2020-01-20 17:25:08 +00:00
Zoe
12c4e45387
User verified but device deleted isn't a useful state
2020-01-20 17:15:38 +00:00
Zoe
f77eb07849
Verify individual messages via cross-signing
...
Fixes #11880
2020-01-20 15:16:41 +00:00
David Baker
ffba19bd61
Remove E2eIcon onClick
...
It displayed the Encrypted Event Info dialog, but this full of
super advanced debug information and base64 strings that no normal
users should ever have to see. It's still accessible via the comtext
menu (ie. the same place as 'View Source').
2020-01-02 16:52:25 +00:00
Michael Telatynski
4be8b87869
Add what-input to allow different scoping to focus-visible for MessageActionBar keyboard a11y
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-12-07 13:07:52 +00:00
Travis Ralston
33044d713e
Match e2e icons on events to expectations
...
Fixes https://github.com/vector-im/riot-web/issues/11547
Steps taken:
* Convert `E2ePadlock` to a class-style component so the hover state can be tracked (tooltips).
* Convert the image mask to a background image to keep the `!` in the shield.
* Update copy.
2019-12-03 22:41:22 -07:00
J. Ryan Stinnett
2a5dc9bfac
Remove lint comments about no-descending-specificity
...
We have disabled the `no-descending-specificity` stylelint rule, so we no longer
need these block comments.
2019-11-08 16:35:42 +00:00
David Baker
3070ee6d7b
Put back the grouped rule & disable the linting rule instead
2019-11-08 16:10:51 +00:00
David Baker
4283f9ec74
Split CSS rule to fix descending specificity lint error
2019-11-08 16:01:53 +00:00
Bruno Windels
2516d8ee61
fix repeated css class
2019-11-07 20:11:31 +01:00
Bruno Windels
0d2f9c4215
add verification request tile + styling
2019-11-07 19:54:56 +01:00
David Baker
328fc5a02d
fix style lint
2019-11-06 10:41:10 +00:00
Michael Telatynski
888da3ad84
delint stylesheet
2019-11-05 12:01:30 +00:00
Michael Telatynski
99c8a909b3
Fix focus-within on EventTile and more showing onClick
2019-11-04 16:47:20 +00:00
Michael Telatynski
fd4cdd0dec
Improve A11Y of timeline. Show TS & Actions on focus-within
2019-11-01 10:50:58 +00:00
Sorunome
fe9ae46ffb
Merge branch 'develop' of https://github.com/matrix-org/matrix-react-sdk into soru/spoilers
2019-08-28 20:23:24 +02:00
J. Ryan Stinnett
ca1e5bb3ae
Comment disabled rules
2019-07-11 09:30:01 +01:00
J. Ryan Stinnett
38d6953bf6
Manually fix remaining stylelint issues
2019-07-10 16:56:40 +01:00
J. Ryan Stinnett
dd2079bffc
Auto-fix stylelint issues
...
These `stylelint` issues were autofixed by the tool itself and look sane to me.
2019-07-10 16:56:40 +01:00
Bruno Windels
fc3c4fccc2
set background on highlighted messages
2019-07-02 18:31:11 +02:00
Bruno Windels
1af8da4a4a
change lozenge color of unsent redacted events to red
...
use css vars so we don't have to repeat the whole lozenge style
2019-07-01 11:06:55 +02:00
Bruno Windels
498db2597d
show hand on hovering (edited) marker
2019-06-26 12:15:13 +02:00
Bruno Windels
c9aa7efe54
don't require EventTile for default timestamp style
2019-06-26 11:59:56 +02:00
Bruno Windels
f9188bca92
reduced opacity for pending redactions
2019-06-18 13:48:51 +02:00
Sorunome
eddac4b188
blur spoilers
2019-06-11 21:08:45 +02:00
Hubert Chathi
4ab491f823
truncate long display names in timeline headings
...
partial fix for vector-im/riot-web#5739
2019-06-06 22:41:10 -04:00
J. Ryan Stinnett
4b18bb17fe
Show read receipts on top of message
...
This allows you to view a long expanded set of read receipts even while hovering
a message.
Fixes https://github.com/vector-im/riot-web/issues/7608
2019-06-06 14:02:35 +01:00
J. Ryan Stinnett
2be00ee0e0
Native emoji require extra line-height
...
Increase line-height so that native emoji aren't cut off when we fall back to
them.
Fixes https://github.com/vector-im/riot-web/issues/9898
2019-05-30 10:26:12 +01:00
Sorunome
d8f4512439
add basic spoiler support
2019-05-22 20:41:27 +02:00
Bruno Windels
2d4d608ed6
Merge pull request #2997 from matrix-org/bwindels/pill-avatars
...
Message editing: render avatars for pills in the editor
2019-05-21 12:11:06 +00:00
Bruno Windels
e48e72c162
pr feedback
2019-05-21 13:50:27 +02:00
Bruno Windels
7c03d71607
give continued events a little bit of top padding
...
this way, the background isn't clipped at the top
2019-05-21 12:20:58 +02:00
Matthew Hodgson
d3f06763b3
Merge branch 'develop' into matthew/twemoji
2019-05-20 16:38:44 +01:00
Bruno Windels
1368a5eb80
Merge pull request #2996 from matrix-org/bwindels/composerdesign
...
Message editing: apply design
2019-05-20 08:42:41 +00:00
Matthew Hodgson
e48cc44cba
apply monospace font correctly
2019-05-19 17:41:18 +01:00
Matthew Hodgson
069a5a9546
remove obsolete emojione css
2019-05-19 17:11:41 +01:00
Matthew Hodgson
24b03374ac
moar lineheight needed for big twemoji
2019-05-19 16:48:29 +01:00
Bruno Windels
f9462d1012
hide timestamp while editing
2019-05-17 16:01:52 +01:00
Bruno Windels
ddefeae136
update design of editor to look as close to original tile (and design)
...
the buttons below the composer are overlayed onto the previous event.
In case of the last event, for now we make them not overflow, but make the
tile grow. The design says it should overlay on the main composer for the last
event tile, postponing that for a bit though as not sure what is the best way
to do that.
2019-05-17 15:33:11 +01:00
J. Ryan Stinnett
43c9e6d942
Reactions / editing tooltip tweaks
2019-05-17 15:10:35 +01:00
J. Ryan Stinnett
603e6b7055
Adjust edited tooltip to use shared styles
2019-05-17 12:19:02 +01:00
Bruno Windels
4a6725d4c2
Message editing: show (edited) marker on edited messages, with tooltip
2019-05-17 11:36:36 +01:00
J. Ryan Stinnett
ed8bbc7082
Extract message options button to action bar
...
This adds a new action bar component to hold multiple per-message actions. This
existing options button has moved to this new component, and is currently the
only action.
2019-04-29 15:20:50 +01:00
J. Ryan Stinnett
530c92e03d
Rename event edit button to options button
...
This naming is clearer as it doesn't really edit at all (it shows a context
menu). This should also be less confusing with actual editing when it arrives.
2019-04-29 15:20:50 +01:00
Luca Weiss
12f92c49a6
Mark a few CSS classes as not selectable
...
Should be enough to make copy-pasting not a nightmare.
For vector-im/riot-web#7460
Also remove an instance where the vendor prefixes were used, but a build
step adds those automatically
Signed-off-by: Luca Weiss <luca@z3ntu.xyz>
2019-04-23 19:52:48 +02:00
Bruno Windels
18d897298d
ensure flair is 16px high
...
so it doesn't push the message down
2019-03-05 14:49:07 +01:00
J. Ryan Stinnett
3b3f0ea957
Move E2E icons out of feather dir
...
They appear to all be created by Nad, according to
https://github.com/matrix-org/matrix-react-sdk/pull/2557 .
2019-02-26 20:31:32 +00:00
J. Ryan Stinnett
e7a84b33e8
Merge pull request #2653 from matrix-org/benp/prevent-accidental-username-clicking
...
make mx_SenderProfile inline-block, reduces clickable area around usernames
2019-02-19 12:26:27 +00:00
Aaron Raimist
9bc0ae7fc5
Add comment
...
Signed-off-by: Aaron Raimist <aaron@raim.ist>
2019-02-16 12:28:42 -06:00
Aaron Raimist
eb908dbd0d
Make pre use the same text color as code
...
Signed-off-by: Aaron Raimist <aaron@raim.ist>
2019-02-15 21:38:49 -06:00
Ben Parsons
3f8ff77b7e
make mx_SenderProfile inline-block, stops accidental name inserting
2019-02-15 15:55:16 +00:00
Bruno Windels
840f3cede8
highlight e2e icon on event when hovering whole event
2019-02-14 18:04:15 +01:00
Bruno Windels
84b53faf9e
make e2e icons on message transparent
2019-02-14 17:00:47 +01:00
Bruno Windels
4d3cc0a53f
fix e2e icon top offset in compact mode
2019-02-12 19:14:46 +01:00
Bruno Windels
88ad780b6b
update message e2e icons
...
also remove encrypted icon as header/composer already indicate encryption
2019-02-01 16:43:12 +01:00
Matthew Hodgson
2fc6f89953
remove italics CSS skew
2019-01-31 11:51:26 +01:00
J. Ryan Stinnett
20e296b20e
Convert image URLs in React to require
calls
...
This allows Webpack to insert the proper image URL after builds steps like
adding a hash and so on. The path you supply to `require` is relative to the JS
source file, just like any other would be.
2019-01-17 22:06:49 -06:00
Matthew Hodgson
1082f548d3
hack nunito italics for now with CSS skew
...
fixes https://github.com/google/fonts/issues/1726
2019-01-16 12:53:46 +00:00
J. Ryan Stinnett
a7c9d4ea1f
Use same link style in HTML messages
...
Links in HTML messages were missing the usual underline style, making them
look different from links in text messages (which already do this).
Fixes vector-im/riot-web#4655 .
2019-01-04 18:32:43 -06:00
Nad Chishtie
09bf68b1bd
Improved colours.
2018-12-20 12:46:43 +00:00
Bruno Windels
f2efbc15f4
apply color categories to sender profile name
2018-10-23 10:49:44 +02:00
David Baker
f658753610
Fix e2e icons floating above jitsi
...
Remove another seemingly redundant z-index
Fixes https://github.com/vector-im/riot-web/issues/7056
2018-07-18 14:14:38 +01:00
David Baker
74ad795d4a
Fix read receipts on top of Jitsi
...
By removing z-index which, as far as I can see, does nothing.
Fixes https://github.com/vector-im/riot-web/issues/7021
2018-07-16 17:10:58 +01:00
David Baker
d16ac4d80c
Merge pull request #1890 from matrix-org/matthew/slate
...
Replace Draft with Slate
2018-07-16 14:16:25 +01:00
David Baker
8f10ee01c6
Implement always-on-screen capability for widgets
...
As per https://github.com/matrix-org/matrix-doc/issues/1354
This is whitelisted to only jitsi widgets for now as per comment,
mostly because any widget that we may make always-on-screen we need
to preemptively put in a PersistedElement container, which is
unnecessary for any other widget.
Apologies that this does a bunch of refactoring which could have
been split out separately: I only discovered what needed to be
refactored in the process of doing this.
Fixes https://github.com/vector-im/riot-web/issues/6984
2018-07-11 18:07:32 +01:00
Matthew Hodgson
efdc5430d7
merge develop
2018-07-09 17:50:07 +01:00
Luke Barnard
6345fcb8f2
Fix incorrectly positioned copy button on <pre>
blocks
2018-06-27 11:31:55 +01:00
Michael Telatynski
f7dfba417c
Revert "affix copyButton so that it doesn't get scrolled horizontally"
2018-06-25 16:31:43 +01:00
Michael Telatynski
01a6b7f77f
affix copyButton so that it doesn't get scrolled horizontally
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2018-06-16 10:27:42 +01:00
Michael Telatynski
a257dc27c5
move css rule to be more generic; remove overriden rule
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2018-06-13 19:08:24 +01:00
Matthew Hodgson
117519566e
remove HRs from H1/H2s
2018-05-19 23:40:48 +01:00
Michael Telatynski
f2102e283c
Merge branches 'develop' and 't3chguy/m.relates_to' of github.com:matrix-org/matrix-react-sdk into t3chguy/m.relates_to
2018-05-02 13:08:38 +01:00
Eric Newport
e037cf0063
namespace CSS better and fix bug
2018-04-30 12:22:16 -04:00
Eric Newport
55566b35a2
convert attribute to class
2018-04-28 12:39:25 -04:00
Michael Telatynski
71acf87c04
Add comments to _EventTile.scss
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2018-04-27 11:13:09 +01:00
Eric Newport
d42fa9d17a
Hide inline encryption icons except when hovering over a message
...
Closes https://github.com/vector-im/riot-web/issues/2882
This is a redo of https://github.com/matrix-org/matrix-react-sdk/pull/1707 (see associated discussion there and here: https://github.com/vector-im/riot-web/pull/5988 )
I tried several times to resolve the conflicts correctly, but could not. Thus, fresh PR.
2018-04-22 22:30:37 -04:00
Michael Telatynski
563fc9adc7
fix bad copy-paste from other diff
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2018-04-20 09:37:25 +01:00
Michael Telatynski
06408f843b
post BigMerge fixup - merge in stuff from riot-web PR
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2018-04-20 09:23:27 +01:00
Matthew Hodgson
79d3cca6e9
move components' CSS to be in the same repo as their JS
2018-04-12 00:23:58 +01:00