Michael Telatynski
371a3c0d36
Apply more general fix for base avatar regressions ( #10045 )
2023-02-01 14:51:40 +00:00
Michael Weimann
526645c791
Apply prettier formatting
2022-12-12 12:24:14 +01:00
Germain
72c24af5c0
Disallow invalid inline style comments in stylesheets ( #9099 )
2022-07-27 14:39:29 +01:00
Michael Telatynski
d2b942de42
Fix avatars in percy not having the right border radius ( #9102 )
...
* Fix avatars in percy not having the right border radius
* Fix percy media for base avatars
2022-07-26 16:39:17 +01:00
Michael Telatynski
01f4bb8c78
Rename PostCSS files to .pcss
( #9013 )
...
* Rename PostCSS files to `.pcss`
* Make Stylelint happy
* Delint
* Rename new files too
* delint
* Fix bad comment placement
2022-07-15 14:53:23 +01:00
Michael Telatynski
b03aa2ebf5
Move room directory Puppeteer tests over to Cypress ( #8832 )
...
* Fix user view percy test by sticking the user avatar colour
* Move room directory Puppeteer tests over to Cypress
* Consolidate import
* Fix tests
* Grab default widths
* Tweak Percy CSS mechanism
2022-06-13 19:25:39 +01:00
Šimon Brandner
e1d11db256
Don't show public indicator on spaces ( #8607 )
2022-05-16 10:24:01 +02:00
Šimon Brandner
11eca18450
Stop spaces from displaying as rooms in new breadcrumbs ( #8595 )
2022-05-14 13:41:17 +02:00
Robin
190389a053
Fix oblong avatars in video room lobbies ( #8565 )
2022-05-11 17:06:13 +00:00
David Baker
23d5ba9c89
Support MSC3026 busy presence ( #8043 )
...
* Support MSC3026 busy presence
* Use UnstableValue
* Add the import
2022-03-14 10:22:12 +00:00
Michael Telatynski
c011fb7475
Fix incorrect sizing of DecoratedRoomAvatar in RoomHeader ( #7697 )
2022-02-02 09:22:27 +00:00
Michael Telatynski
914b61239c
Spotlight search labs ( #7116 )
2021-12-10 11:50:01 +00:00
Michael Telatynski
4a6d46b76a
Replace breadcrumbs with recently viewed menu ( #7073 )
2021-12-01 10:50:06 +00:00
Michael Telatynski
8fe582b094
Tweaks to informational architecture 1.1 ( #7052 )
...
* Move user avatar to Space panel
* Add room list header for 'Home' or 'Space Name' to room list
Add existing Space context menus to room list header
* Re-add pending room join spinner
* Iterate RoomListHeader plus context menu
* Iterate space context menu
* Iterate room list + interactions
* Move DND to new iA model
* Replace composer custom status management with usermenu one
* Cull Quick Actions
* Iterate minimized room list state
* delint
* Merge the RoomListNumResults into the RoomListHeader
* Make the search shortcut prompt semi-bold
* Iterate RoomListHeader based on design review
* Iterate UserMenu based on feedback
* Add name to expanded spacepanel usermenu button
* i18n
* Make room sub list aux button components more generic
* Change left panel explore button to only refer to room directory
* Iterate RoomListHeader
* Fix custom user status input field width in Chrome
* Bring back Notification settings button
* delint
* i18n
* post-merge fix
* iterate pr
* Remove unused state
* update copy
* Apply suggestions from PR review
* delint
* Update invite iconography
* Iterate Space context menu to match Figma
* Fix chevron alignment
* Fix edge case for RoomListHeader on metaspaces
* Wire up general rageshake-driven feedback mechanism
* Add IA1.1 info toast
* add missing alt attribute
* delint
* delint
* tweak ia toast priority
* e2e test account for new toast
* autofocus feedback field and remove old subheading
* tweak copy
* Iterate space panel colours to match Figma
* Iterate PR
* delint
* Fix feedback submission with object setting values
* iterate based on review
* Tweak colours and update splash image
* Tweaks based on review
* Remove room list prompt, made redundant by the big fat `+`
* Fix edge cases around User Menu positioning and dnd
* Add missing import, bad merge?
* Update aria label in e2e test
* Fix room list space rooms context menu explore button behaviour
* Tweak copy
* Revert order of options in the UserMenu
* Tweak copy
* i18n
2021-11-30 18:08:46 +00:00
Šimon Brandner
9abb2f5ff4
Color cleanup 8 ( #7108 )
...
* $accent-color -> $accent
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $accent-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $notice-primary-color -> $alert
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $notice-primary-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $accent-50pct
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $warning-color -> $alert
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $accent-darker
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $orange-warning-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $warning-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $info-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-11-11 13:37:29 +00:00
Šimon Brandner
07d9e93d67
Color cleanup number six ( #7050 )
...
* Remove $voip-decline-color and $voip-accept-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Remove $dialog-background-bg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $mention-user-pill-bg-color -> $warning-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $plinth-bg-color -> $secondary-accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $input-lighter-fg-color -> $input-darker-fg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $input-valid-border-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $input-invalid-border-color -> $warning-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $button-bg-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $avatar-bg-color -> $background
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $preview-widget-fg-color -> $greyed-fg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $settings-profile-button-fg-color -> $settings-profile-overlay-placeholder-fg-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $presence-online -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $pinned-unread-color -> $notice-primary-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $event-highlight-fg-color -> $warning-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $tab-label-active-bg-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $button-primary-bg-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $button-danger-bg-color -> $notice-primary-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $button-link-fg-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $togglesw-on-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $slider-selection-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $progressbar-fg-color -> $accent-color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* $authpage-body-bg-color -> $background
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Fix merge issue
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Fix second merge issue
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-11-08 11:50:53 +00:00
Šimon Brandner
3d9a0286dc
Revert "$avatar-bg-color -> $background"
...
This reverts commit a3a6f73049
.
2021-08-24 09:04:17 +02:00
Šimon Brandner
a3a6f73049
$avatar-bg-color -> $background
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:19:30 +02:00
Šimon Brandner
10bc85724a
$secondary-fg-color -> $secondary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:19:26 +02:00
Germain Souquet
42b213ba8c
Fix clipped avatar in room list
2021-07-23 14:17:26 +02:00
Germain Souquet
10bdb3cefa
Merge branch 'develop' into gsouquet/message-bubbles-4635
2021-07-07 13:07:43 +02:00
Germain Souquet
df64a076d9
Deprecate unused PulsedAvatar
2021-07-02 15:24:30 +01:00
Germain Souquet
d1c6cfe6b9
Improved message bubble layout (no reply)
2021-06-30 12:06:16 +01:00
Germain Souquet
ebd7cd6212
Add CSS containement rules for shorter reflow operations
2021-06-01 11:26:32 +01:00
Michael Telatynski
81e1f36c4b
Tidy up TemporaryTile now that it isn't temporary
2021-03-09 11:19:41 +00:00
David Baker
c921567831
WIP: the new call views work now
...
just need to add the buttons and then get rid of the status bar
2020-11-12 18:09:56 +00:00
Michael Telatynski
7820f9c28a
Switch to WidgetAvatar
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-10-12 13:16:55 +01:00
Michael Telatynski
d861536487
Make globe transparent
2020-08-14 10:30:54 +01:00
Michael Telatynski
4ec602b960
Make cutout in the decorated room avatar transparent rather than fixed
2020-08-14 10:20:59 +01:00
J. Ryan Stinnett
ce226ab534
Replace Riot with Element in docs and comments
...
This only covers the simple cases of references to issues and repos. More
complex areas, such as deployment scripts, will be handled separately.
Part of https://github.com/vector-im/element-web/issues/14864
2020-08-03 18:33:36 +01:00
Travis Ralston
96065ae982
RoomTile2 -> RoomTile
2020-07-17 15:43:29 -06:00
Travis Ralston
74fa3b2c81
Fix rough badge alignment for community invite tiles again
...
Fixes https://github.com/vector-im/riot-web/issues/14392
2020-07-09 10:39:53 -06:00
Jorik Schellekens
0d6e7759d0
Fix review details
...
- spelling mistake
- unwatch watched setting
- lint (indentation)
- use more performant component
2020-07-07 15:11:08 +01:00
Jorik Schellekens
5176685d20
Implement incoming call box
2020-07-06 23:05:00 +01:00
Travis Ralston
e08512020f
Fix a couple badge alignment issues with community invites
2020-07-02 14:05:31 -06:00
Jorik Schellekens
dcd51b5be3
Implement breadcrumb notifications and scrolling
2020-06-30 23:24:46 +01:00
Jorik Schellekens
66067719f4
Small fixes
2020-04-27 18:36:05 +01:00
Michael Telatynski
66783dff9e
Fix scaling of the avatar in UserInfo
2019-12-19 12:27:25 +00: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
J. Ryan Stinnett
990d6dec15
Fix initial letter avatar vertical offset in Firefox
...
In at least Firefox, the case of relative positioned inline elements (such as
mx_BaseAvatar) with absolute positioned children (such as mx_BaseAvatar_initial)
is a dark corner full of spider webs. It will give different results during full
reflow of the page vs. incremental reflow of small portions. While that's surely
a browser bug, we can avoid it by using `inline-block` instead of the default
`inline`.
Fixes https://github.com/vector-im/riot-web/issues/5594
Might help with https://github.com/vector-im/riot-web/issues/9088
See also https://bugzilla.mozilla.org/show_bug.cgi?id=1535053 and
https://bugzilla.mozilla.org/show_bug.cgi?id=255139 for more details on browser
behavior in this case.
2019-03-14 17:50:03 +00:00
J. Ryan Stinnett
807d3aba6e
Use integer padding / border for avatar
...
It seems fractional spacing results in different behavior across browsers,
including unbalanced spacing, making the avatar appear uncentered.
Here we avoid this by using integers that seem to closely match the comps.
Fixes https://github.com/vector-im/riot-web/issues/8134 .
2019-01-15 16:37:16 -06:00
J. Ryan Stinnett
4b13774585
Revert to avatar only when custom status disabled
...
This returns to the previous behavior of avatar only without a button when the
custom status feature is disabled so that you don't get pointer cursor for
something that does nothing when clicked.
The avatar ring spacing is kept consistent with and without the feature enabled
by using a different class in CSS.
2019-01-15 10:54:29 -06:00
J. Ryan Stinnett
eae1e4c9aa
Tweak custom status avatar ring
...
Adjusts the appearance of the avatar ring to match the latest comps.
In addition, we now always render the surrounding button element, which
simplifies styling since the same size is now occupied both with and without the
feature.
This improves alignment between text in the composer and text in the message
history (https://github.com/vector-im/riot-web/issues/8111 ).
2019-01-15 10:54:29 -06:00
Travis Ralston
852d6df580
Fix composer avatar being an oval when a custom status is set
...
Fixes this: https://t2l.io/_matrix/media/v1/download/t2l.io/0d5c7fa9a4b5bf226a020def8480a887
2019-01-03 18:06:37 -07:00
Travis Ralston
b0b7932f5f
Move status context menu to its own component
...
This fixes a lot of the state bugs such as buttons not updating, etc.
This commit also adds the border around the avatar to indicate a status is set.
2018-12-12 22:26:39 -07:00
Travis Ralston
99f5b9e39b
Misc cleanup of whitespace
2018-12-12 18:18:43 -07:00
Travis Ralston
a91963e5ee
Replace the avatar next to the composer with a status entry menu
...
The checkmark might change, and there appears to be some state tracking mishaps that need to be worked out.
Part of https://github.com/vector-im/riot-web/issues/1528
2018-12-12 18:03:30 -07:00
Matthew Hodgson
32dd7f976f
merge vector-im/riot-web#5881 into matrix-react-sdk
2018-04-16 00:04:04 +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