86e52d1ef3
Mark the This/All Rooms scope buttons as radios for a11y
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-12-07 12:45:28 +00:00
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
e77cf2b87e
Merge pull request #3653 from matrix-org/bwindels/fixe2eicons
...
Fix e2e icons
2019-11-21 19:01:17 +00:00
f75e45a715
reduce margin on e2e icon in room header
2019-11-21 18:17:55 +01:00
854f27df3f
remove obsolete style from message composer for e2e icon as it's now the default size for the e2e iconn
2019-11-21 18:16:10 +01:00
cb0e6ca5d2
dont make e2e icons themable, as they have multiple colors
2019-11-21 18:13:01 +01:00
fd12eb28e7
Move many widget options to a context menu
...
Part of https://github.com/vector-im/riot-web/issues/11262
2019-11-20 19:17:42 -07:00
f6394b1251
Remove stray colour correction on composer e2e icon
...
We want it to match the room header
2019-11-20 11:03:53 -07:00
93e4de9861
Fix positioning and sizing of e2e icon in the composer
...
This also removes the special case class for the composer because the input is now aligned regardless of icon.
2019-11-20 11:00:39 -07:00
f9b5678b06
Merge pull request #3631 from matrix-org/bwindels/userinfo-css-fixes
...
Fix some styling regressions in member panel
2019-11-19 13:24:06 +00:00
5f7b0fef33
scale (new) icons to fit available size
...
fixes https://github.com/vector-im/riot-web/issues/11399
2019-11-19 12:55:28 +01:00
39939de04f
remove white background on ! and ✅ so it looks better on dark theme
2019-11-19 12:51:46 +01:00
6b726a8e13
Implement the bulk of the new widget permission prompt design
...
Part 1 of https://github.com/vector-im/riot-web/issues/11262
This is all the visual changes - the actual wiring of the UI to the right places is for another PR (though this PR still works independently).
The help icon is known to be weird here - it's a bug in the svg we have. The tooltip also goes right instead of up because making the tooltip go up is not easy work for this PR - maybe a future one if we *really* want it to go up.
2019-11-15 14:26:16 -07:00
0f39a9f72d
fix pr feedback
2019-11-15 17:29:38 +01:00
942a1c9a56
fix e2e icon in composer having wrong colors
2019-11-15 16:14:18 +01:00
73b6575082
fixup: verified shield should be green
2019-11-15 16:14:18 +01:00
f4988392f9
restyle e2e icons
2019-11-15 16:14:18 +01:00
cc9ef57f0e
Merge pull request #3609 from matrix-org/jryans/rounded-style-bar
...
Fix draw order when hovering composer format buttons
2019-11-11 17:40:58 +02:00
ef05294133
Fix draw order when hovering composer format buttons
...
This ensures all 4 sides of a button show the hover border colour as intended.
Another part of https://github.com/vector-im/riot-web/issues/11203
2019-11-11 10:24:40 +00:00
719709250b
Merge pull request #3605 from matrix-org/jryans/rounded-style-bar
...
Fix rounded corners for the formatting toolbar
2019-11-08 20:01:31 +02:00
e161e99b63
Fix rounded corners for the formatting toolbar
...
The formatting toolbar is meant to have rounded corners like the message action
bar.
Fixes https://github.com/vector-im/riot-web/issues/11203
2019-11-08 17:46:08 +00:00
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
3070ee6d7b
Put back the grouped rule & disable the linting rule instead
2019-11-08 16:10:51 +00:00
4283f9ec74
Split CSS rule to fix descending specificity lint error
2019-11-08 16:01:53 +00:00
2516d8ee61
fix repeated css class
2019-11-07 20:11:31 +01:00
0d2f9c4215
add verification request tile + styling
2019-11-07 19:54:56 +01:00
328fc5a02d
fix style lint
2019-11-06 10:41:10 +00:00
888da3ad84
delint stylesheet
2019-11-05 12:01:30 +00:00
99c8a909b3
Fix focus-within on EventTile and more showing onClick
2019-11-04 16:47:20 +00:00
92ee50fb77
Merge pull request #3587 from matrix-org/t3chguy/a11y_message_actions_bar
...
Improve A11Y of timeline. Show timestamp & Actions on focus-within
2019-11-04 10:33:16 +00:00
10a63ada48
Fix SVG mask-image usage in a bunch of places for correct outlining
2019-11-01 14:46:30 +00:00
fd4cdd0dec
Improve A11Y of timeline. Show TS & Actions on focus-within
2019-11-01 10:50:58 +00:00
3400808f6e
Use navigation treeview aria pattern for roomlist sublists and tiles
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-17 15:53:39 +01:00
4bd72b1494
dont let placeholder show scrollbar when composer is narrow
2019-10-02 11:36:56 +02:00
15b7a5af31
fix contrast issue
...
when badges with and without highlighted state have a very
different brightness (as they might do in dark mode), hardcoding
the fg color of a badge independent of it's highlighted state
to $accent-fg-color doesn't work well, so add an extra SASS
variable we can reassign to something more specific in the custom theme
2019-10-01 16:58:14 +02:00
0ab7962ebd
add z-index to format bar so it appears above status area and reply wrapper
2019-09-23 14:06:59 +02:00
df8ce7fb33
Show placeholder for empty slot in breadcrumbs
2019-09-12 14:46:54 +02:00
80dd5a1b0a
add explore button next to filter field
2019-09-10 10:55:55 +02:00
06143ba7a1
show keyboard shortcuts in format button tooltip
2019-09-06 10:59:41 +02:00
042822c90a
copyright is solely assigned to matrix foundation now, copy paste error
2019-09-06 10:39:19 +02:00
b4b9c7d072
Add tooltip for format buttons
2019-09-06 10:39:19 +02:00
da29057fd8
move format bar to own component
2019-09-06 10:39:19 +02:00
e3d70f3999
ensure selection is not lost upon clicking format bar in chrome
2019-09-05 11:01:44 +02:00
af535986d2
fix css lint
2019-09-04 16:40:34 +02:00
e7db660820
fixup: css, we have 5 buttons
2019-09-04 16:39:07 +02:00
65ddfc0a50
show format bar when text is selected
2019-09-04 16:35:03 +02:00
1063da0ed1
Revert "New composer: show markdown legend on focus"
2019-09-03 08:27:45 +00:00
b7768f34f2
Add legend and style it
2019-09-02 16:15:18 +02:00
fe9ae46ffb
Merge branch 'develop' of https://github.com/matrix-org/matrix-react-sdk into soru/spoilers
2019-08-28 20:23:24 +02:00
eddaece43e
add visual bell color to theme + choose better value for dark mode
2019-08-28 18:00:57 +02:00
85efb71a23
add visual bell when no replacements are available
...
also add try/catch in _tabCompleteName so errors don't get swallowed
2019-08-28 15:53:16 +02:00
4a27abb131
fix css lint
2019-08-22 15:11:31 +01:00
71286b5610
restore reply_to_event action
2019-08-22 13:33:20 +01:00
d4ca087abe
fix styling issues
...
- grow/shrink between min and max height correctly
- don't grow wider than available space
- some space between editor and buttons
2019-08-22 13:33:20 +01:00
33c6945fc4
align autocomplete at top of composer
2019-08-22 13:33:20 +01:00
64e83a8111
font-size
2019-08-22 13:33:20 +01:00
f9992a1fc6
implement editor placeholder
2019-08-22 13:33:20 +01:00
cfbd2e9cc8
support basic sending with new main composer
...
this removes all formatting options, as the new editor doesn't
have any.
2019-08-22 13:33:20 +01:00
92d7263046
move editor padding to edit specific style file
...
as it will be different for the main composer
2019-08-22 13:33:20 +01:00
505846ce53
split up css, update class names
2019-08-22 13:33:20 +01:00
a3eb45e0b9
Fix waste of space of collapsed left panel
...
Signed-off-by: Anton Zuenko <anton@zuenko.ru>
2019-08-05 18:03:20 +02:00
2d4264c39d
Keep widget URL in permission screen to one line
...
This keeps the widget URL to one line max, so that the allow button will always
be visible. The full URL can be viewed by hovering.
Fixes https://github.com/vector-im/riot-web/issues/10402
2019-07-23 18:06:37 +01:00
ca1e5bb3ae
Comment disabled rules
2019-07-11 09:30:01 +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
353f5a205c
Merge pull request #3170 from matrix-org/bwindels/handle-associated-failures
...
Handle associated event send failures
2019-07-03 09:02:58 +00:00
fc3c4fccc2
set background on highlighted messages
2019-07-02 18:31:11 +02:00
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
49b89217a3
MemberInfo wrap Device Name/ID
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-06-30 19:21:19 +01:00
7f2ab39609
Merge pull request #3142 from matrix-org/travis/preview-loading
...
Show a loading state for slow peeks
2019-06-27 09:24:25 -06:00
15d286ed93
Merge pull request #3144 from matrix-org/bwindels/edit-history
...
Edit history dialog
2019-06-26 14:38:53 +00:00
498db2597d
show hand on hovering (edited) marker
2019-06-26 12:15:13 +02:00
c9aa7efe54
don't require EventTile for default timestamp style
2019-06-26 11:59:56 +02:00
ca6ddf324f
Show a loading state for slow peeks
2019-06-25 20:56:33 -06:00
0701d89bbe
Fix upgrade warning being chopped off
...
The flex box was behaving a bit strange, so we just wrap the content and change `height: 235px` to `max-height: 235px` to get scrollbars.
2019-06-25 15:40:22 -06:00
f9188bca92
reduced opacity for pending redactions
2019-06-18 13:48:51 +02:00
4fda6c21de
Use overflow on MemberInfo name/mxid so that the back button stays
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-06-12 21:58:10 +01:00
eddac4b188
blur spoilers
2019-06-11 21:08:45 +02:00
4ab491f823
truncate long display names in timeline headings
...
partial fix for vector-im/riot-web#5739
2019-06-06 22:41:10 -04:00
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
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
d8f4512439
add basic spoiler support
2019-05-22 20:41:27 +02:00
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
e48e72c162
pr feedback
2019-05-21 13:50:27 +02:00
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
d3f06763b3
Merge branch 'develop' into matthew/twemoji
2019-05-20 16:38:44 +01:00
1368a5eb80
Merge pull request #2996 from matrix-org/bwindels/composerdesign
...
Message editing: apply design
2019-05-20 08:42:41 +00:00
e48cc44cba
apply monospace font correctly
2019-05-19 17:41:18 +01:00
069a5a9546
remove obsolete emojione css
2019-05-19 17:11:41 +01:00
24b03374ac
moar lineheight needed for big twemoji
2019-05-19 16:48:29 +01:00
f9462d1012
hide timestamp while editing
2019-05-17 16:01:52 +01:00
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
43c9e6d942
Reactions / editing tooltip tweaks
2019-05-17 15:10:35 +01:00
603e6b7055
Adjust edited tooltip to use shared styles
2019-05-17 12:19:02 +01:00
4a6725d4c2
Message editing: show (edited) marker on edited messages, with tooltip
2019-05-17 11:36:36 +01:00
fd07b5c476
use scss variable for grey
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-05-14 23:03:02 +01:00
3cd9c152c2
Check permission to invite before showing invite buttons/disable them
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-05-11 19:45:24 +01:00
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
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
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
1100320351
make non-member inviter name also bold
2019-04-17 11:02:58 +02:00
86620839ae
make username clickable
2019-04-17 10:57:45 +02:00
8a371080d7
colored inviter name and layout
2019-04-17 10:22:35 +02:00
e40757a801
make sure long subtitles dont overflow
2019-04-16 16:19:50 +02:00
c1ff5f2fba
implement style
2019-04-15 17:11:26 +02:00
01e9de9a3a
differentiate style based on preview or not
2019-04-12 12:54:13 +02:00
0553a6f1d6
some style changes
2019-04-11 13:07:54 +02:00
223498a979
Merge pull request #2874 from matrix-org/travis/breadcrumbs/dms
...
Add an indicator to show a room is a direct chat in breadcrumbs
2019-04-05 08:15:12 -06:00
b7e557e49a
Autohide the scrollbar on breadcrumbs
...
Fixes https://github.com/vector-im/riot-web/issues/9349
2019-04-04 16:27:00 -06:00
095e6a3ba6
Add an indicator to show a room is a direct chat
...
Fixes https://github.com/vector-im/riot-web/issues/8797
2019-04-04 14:31:23 -06:00
f5600fd4d7
Add badges to breadcrumb rooms
...
Fixes https://github.com/vector-im/riot-web/issues/8606
2019-04-03 15:29:15 -06:00
7e2291592c
Apply 50% opacity to left breadcrumbs
...
Fixes https://github.com/vector-im/riot-web/issues/8564
We listen for membership changes to make sure the state is kept up to date.
2019-04-01 11:59:39 -06:00
a326c83016
Merge pull request #2842 from matrix-org/bwindels/bacat-scrolling-merged-develop
...
BACAT Scrolling
2019-03-29 14:02:15 +00:00
9b64dd0cd7
Support horizontal scrolling on breadcrumbs
...
Fixes https://github.com/vector-im/riot-web/issues/8714
Fixes https://github.com/vector-im/riot-web/issues/8890
Fixes https://github.com/vector-im/riot-web/issues/9034
Fixes https://github.com/vector-im/riot-web/issues/8954
This turned out to be much more complicated than it needed to be. We use an IndicatorScrollbar to do all the math for us and some minor changes have been made so it can flag left/right overflow. The complicated part is the css changes which make the gradients work: unlike the RoomSubList, we have to calculate the offset of the indicators (gradients) on our own because position:sticky doesn't work horizontally.
The changes to the css (well, mostly pointer-events:none) make it so the gradient doesn't interfere with the room avatars.
9034 and 8954 are fixed by this because they represent an overflow-x:none style breakage where browsers won't let you scroll without a scrollbar. The gradient offset problem is also demonstrated in 8954.
2019-03-27 17:52:05 -06:00
494779393f
Merge branch 'develop' into bwindels/bacat-scrolling
2019-03-21 13:50:32 +01:00
f6e3437944
Update text in RoomUpgradeWarningBar to match suggestions
2019-03-15 16:08:35 -06:00
5cea8e846c
Merge pull request #2794 from matrix-org/travis/offline-members
...
Fix CSS syntax errors preventing offline member opacity from working
2019-03-15 08:46:56 -06:00
dad382a4b7
use AutoHideScrollbar in memberlist
2019-03-15 10:16:21 +01:00
e4181c4e3e
Make the EntityTile chevron a masked SVG for theming
...
Fixes https://github.com/vector-im/riot-web/issues/7320
2019-03-14 15:59:00 -06:00
56620286b5
Fix CSS syntax errors preventing offline member opacity from working
...
Fixes https://github.com/vector-im/riot-web/issues/9178
2019-03-14 15:13:35 -06:00
45063cad4a
Merge pull request #2780 from jryans/auth-validation
...
Initial portions of support for Field validation
2019-03-14 10:19:21 +00:00
a719839d9f
Use a distinct color for selected autocomplete items
...
This restores the ability to see which autocomplete item is selected (which
seems to have gotten lost during redesign).
Fixes https://github.com/vector-im/riot-web/issues/9134
2019-03-12 14:51:37 +00:00
40f16fa310
adds validation for fields.
...
* renames RoomTooltip to be a generic Tooltip (which it is)
* hooks it into Field to show validation results
* adds onValidate to Field to let Field instances call an arbitrary validation function
Rebased from @ara4n's https://github.com/matrix-org/matrix-react-sdk/pull/2550
by @jryans. Subsequent commits revise and adapt this work.
2019-03-12 14:02:54 +00:00
241309ab83
Use CSS for hovering the tile
2019-03-07 14:55:17 -07:00
18d897298d
ensure flair is 16px high
...
so it doesn't push the message down
2019-03-05 14:49:07 +01:00
69016e32a4
fix margin on e2e icon in member panel
2019-02-28 15:39:10 +01:00
4b340450b9
Rename Feather icon directory to `feather-customised`
...
These icons are based on Feather as the original source, but they have various
tweaks applied, such as stroke width, color, etc. Hopefully the tweaked name
makes this more obvious in the future.
2019-02-27 10:42:10 +00:00
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
88dfd3287f
Normalise room list font weight and make bold when there are unreads.
2019-02-25 11:02:27 -07:00
fa5f1df194
Fix z ordering of the overflow tile
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-02-24 03:18:21 +00:00
f11505a9de
bring back user page
...
Adds a UserView that contains a MainSplit with an empty div
and a RightPanel, preset to the given member.
UserView fetches the profile and creates a fake member, which
it passed on to the RightPanel.
this doesn't use the view_user action on purpose, to avoid any
interference of the UserView when trying to view a room member.
2019-02-20 12:45:55 +01:00
edf10dbdde
Merge pull request #2659 from jryans/dark-theme-more-2
...
Dark theme follow ups round 2
2019-02-19 17:51:29 +00:00
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
5fb990eb5f
Convert Markdown button to SVG mask
...
This makes it easier to theme via CSS, which helps with the dark theme.
2019-02-18 18:26:52 +00:00
09ed795c79
Allow theming member info minimise button
2019-02-18 16:02:10 +00:00
25525f93d2
Merge pull request #2655 from aaronraimist/fix-pre-dark
...
Make pre use the same text color as code
2019-02-16 11:36:26 -07:00
9bc0ae7fc5
Add comment
...
Signed-off-by: Aaron Raimist <aaron@raim.ist>
2019-02-16 12:28:42 -06:00
b27f3688f1
Merge pull request #2649 from AndrewJDR/reinstate_lowered_opacity_for_offline_avatars
...
Bring back the lowered opacity for offline/unavailable avatars.
2019-02-15 22:42:25 -07:00
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
3f8ff77b7e
make mx_SenderProfile inline-block, stops accidental name inserting
2019-02-15 15:55:16 +00:00
d40da42268
Merge pull request #2647 from matrix-org/bwindels/e2eiconwholeeventhover
...
highlight e2e icon on event when hovering whole event
2019-02-15 15:26:20 +01:00
c39c0e4834
fix for the ... button not being aligned for group invite tiles
2019-02-15 13:07:33 +01:00
85930fca70
Bring back the lowered opacity for offline/unavailable avatars.
...
At some point during the riot redesign, the bit of css that lowered the opacity for offline/unavailable contacts
was removed. This makes it impossible to discern presence for a contact unless you hover your cursor over their
avatar.
It's very handy to be able to see presence at a glance without any hovering, so this PR reintroduces the lowered opacity.
I've also slightly decreased the opacity level from 0.66 to 0.5 to make it slightly more noticable.
2019-02-15 03:31:55 -08:00
840f3cede8
highlight e2e icon on event when hovering whole event
2019-02-14 18:04:15 +01:00
84b53faf9e
make e2e icons on message transparent
2019-02-14 17:00:47 +01:00
5f6907c85e
Improve gradients for Safari
2019-02-13 15:06:40 +00:00
fb4fd54f6f
Stop gradients at panel bg color
2019-02-13 13:48:56 +00:00
4c56b45a9f
back out bold unread
2019-02-13 12:46:08 +00:00
8464155663
fix topic & room name alignment in header
2019-02-13 12:16:09 +00:00
e6f9b7a109
Merge pull request #2619 from matrix-org/jryans/dark-theme-redesign
...
Add redesigned dark theme
2019-02-13 11:45:30 +00:00
Michael Telatynski