6e2a26443d
Fix corner rounding on images not always affecting right side
2020-08-17 10:55:54 +01:00
3ece2dd21d
Fix action bar safe area regression
...
The action bar was recently moved, but the safe area was not, which left a gap
between the event and the action bar, making it quite easy to trigger hover on a
different event instead of reaching the action bar.
Fixes https://github.com/vector-im/element-web/issues/14953
Regressed by https://github.com/matrix-org/matrix-react-sdk/pull/5056
2020-08-13 19:24:11 +01:00
8460175389
Move actions above tile
2020-07-27 16:21:44 +01:00
1d6c2b786e
File panel spacing and corner rounding
2020-07-27 16:21:41 +01:00
b02175793e
Use OpenType tabular numbers in timestamps
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-23 14:52:01 +01:00
ee8d885e70
Merge pull request #5020 from matrix-org/t3chguy/fix/14649
...
Update crypto event icon to match rest of app styling
2020-07-20 15:21:03 +01:00
ce398c0b34
Merge pull request #5019 from matrix-org/t3chguy/fix/14650
...
Fix Reactions Row Button vertical misalignment due to forced height
2020-07-20 15:20:14 +01:00
dfed3342b6
Fix white infill and verified/warning icons too
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-20 14:09:16 +01:00
519ebdb67a
Update crypto event icon to match rest of app styling
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-20 14:05:07 +01:00
80c65b97a8
Fix Reactions Row Button vertical misalignment due to forced height
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-20 11:17:09 +01:00
e9633b2e3b
Use mouseleave instead of mouseout for hover events. Fix tooltip flicker
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-18 12:01:51 +01:00
d5f2d43429
Improve Tooltip font/layout consistency
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-16 15:15:00 +01:00
8fd9dbf1d8
moar icon changes
2020-07-06 18:28:54 +02:00
004f75f289
Rename `trash (custom).svg` as electron doesn't like serving files with spaces
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-12 16:16:47 +01:00
6ff093f5a3
Bring back UnknownBody for UISIs
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-08 19:15:59 +01:00
4d6cd3c050
Update padding-left to 20px as per Nad's iteration
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-07 12:50:04 +01:00
d3b0e008c1
first draft of Redaction ELS
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-24 15:39:23 +01:00
e16f511527
Redesign redactions
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-24 15:07:39 +01:00
8d3119ddb4
Merge pull request #4396 from matrix-org/t3chguy/fix_MVideoBody_FilePanel
...
Fix width of MVideoBody in FilePanel
2020-04-14 15:02:28 +01:00
a7d95d396e
fix copyright
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-14 14:46:04 +01:00
3e057070fd
Fix width of MVideoBody in FilePanel
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-12 00:56:21 +01:00
71b4aab5dc
Fix emoji tooltip flickering because onMouseOut&onMouseOver fired when moving between children
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-12 00:12:58 +01:00
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
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
39e9bffe1f
Make encryption events into bubble-style tiles
...
Factors out the verification tile stuff into encryption event
styles so we can reuse them betwen all the encryption event tiles.
Also makes the event list summary stuff even more gnarly by
putting the encryption event tile above the group. We really need
to refactor that. :/
Fixes https://github.com/vector-im/riot-web/issues/12006
2020-01-30 20:03:26 +00:00
309633181d
use FormButton in verification request tile too and dedupe styles
2019-11-22 16:32:50 +01:00
92292003c8
make shield on verification request scale correctly
...
by not overriding `mask-size` using `mask` for `mask-image`
2019-11-19 12:51:02 +01:00
e3f7fe51dc
use normal shield for verification requests
2019-11-15 16:14:18 +01:00
6d0b388fa2
Merge branch 'develop' into travis/mjolnir
2019-11-12 10:00:01 -07:00
0d2f9c4215
add verification request tile + styling
2019-11-07 19:54:56 +01:00
3c45a39caa
Appease the other linter
2019-10-31 16:30:51 -06:00
11068d189c
Hide messages blocked by ban lists
2019-10-31 16:19:42 -06:00
497b779334
Add full emoji picker for reactions
...
Signed-off-by: Tulir Asokan <tulir@maunium.net>
2019-10-14 00:32:11 +03:00
0491b742c2
Use a mask instead of an img for "Show image" eye
...
See https://github.com/matrix-org/matrix-react-sdk/pull/3492#pullrequestreview-296223646
2019-10-02 12:52:07 -06:00
4b0596b6b7
Apply lipstick to hidden image design
2019-10-01 17:00:01 -06:00
59b29e4a7f
Add an option to hide image previews
...
Applies to images, stickers, and URL previews.
Fixes https://github.com/vector-im/riot-web/issues/10735
2019-09-27 21:08:31 -06:00
fc8cdc5661
Improve interactive tooltip safe mousing area
...
This adds a more complex trapezoidal safe area between the button that triggers
the tooltip and the tooltip itself. It should be easier to move from the button
into the tooltip without accidentally closing it.
Fixes https://github.com/vector-im/riot-web/issues/10185
2019-07-17 14:11:27 +01:00
58a75949c3
Add a previous event safe area around action bar
...
This adds a previous event safe area so that you can't accidentally hover the
previous event while trying to mouse into the action bar or from the react
button to its tooltip.
Part of https://github.com/vector-im/riot-web/issues/10185
Fixes https://github.com/vector-im/riot-web/issues/9650
2019-07-17 10:10:08 +01:00
38d6953bf6
Manually fix remaining stylelint issues
2019-07-10 16:56:40 +01:00
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
7a482461dd
Merge pull request #3180 from matrix-org/bwindels/history-actions
...
Edit history actions
2019-07-08 08:19:27 +00:00
eb0e1eade4
Clamp reaction content width to at most 100px
...
Part of https://github.com/vector-im/riot-web/issues/10256
2019-07-05 16:18:16 +01:00
375976575b
add redact button
2019-07-04 11:07:22 +02:00
59b4a3398d
Limit reactions row on initial display
...
This limits the reactions row below messages to initially show at most 8 keys.
For those messages with more than that, a "Show all" option appears to reveal
all the keys.
Fixes https://github.com/vector-im/riot-web/issues/9570
2019-06-27 13:17:23 +01:00
e287362a8b
Reaction buttons should use pointer cursor
2019-06-27 11:19:36 +01:00
c9aa7efe54
don't require EventTile for default timestamp style
2019-06-26 11:59:56 +02:00
93384f91f5
Show reaction title and shortcode on hover
...
This shows the title and shortcode for the hovered reaction at the bottom of the
tooltip. If nothing is hovered, a blank space is shown for now, but will
eventually become a link to a full emoji picker in future work.
Part of https://github.com/vector-im/riot-web/issues/9753
2019-06-25 18:15:03 +01:00
c1821fabd3
Remove toggling reaction dimensions
...
This removes the v1 Reactions UX which only allowed you to choose only one emoji
out of each pair. It is replaced by a different UX inside a tooltip and without
these constraints.
Part of https://github.com/vector-im/riot-web/issues/9753
2019-06-25 16:23:31 +01:00
088bbbfb91
Scale up reaction buttons on hover
2019-06-25 16:23:31 +01:00
c6f2bb4ba7
Arrange buttons in a grid
2019-06-25 16:23:30 +01:00
Michael Telatynski