f97572f911
Align media and reactions row on thread panel ( #8312 )
...
* Align reactions row
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Nesting
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Include .mx_EventTile_mediaLine inside .mx_EventTile[data-layout=group]
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-04-14 15:13:46 -06:00
eb1d9b8f41
Make ToastContainer compatible with RTL layout ( #8230 )
...
* Fix _ToastContainer.scss
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Improve existing rules
- Use properties available for flexbox
- Align the title of the toast to the center
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Set the count indicator on the end side of the div
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Remove the vertical-align property since it has no longer effect
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-04-14 14:35:52 -06:00
c9880feb04
Fix overlapping timestamps on empty messages ( #8205 )
...
* added min-height for event line
* Requested changes done
* Changes done
* fixing failing tests
2022-04-14 14:28:39 -06:00
af3eac2c4f
Fixes call tiles overflow ( #8096 )
...
* Responsive call tiles
Fixes https://github.com/vector-im/element-web/issues/20254
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Take e2e icon into consideration on Bubble message layout
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Use spacing variables
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* spacing variables
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-04-14 14:27:29 -06:00
1436f23e2f
Fix image preview sizing for edge cases ( #8322 )
2022-04-14 20:07:34 +02:00
f95106d2c6
Live location sharing - basic maximised beacon map ( #8310 )
...
* open a dialog with map centered around first beacon
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add room member markers
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fix unmount issue in smart marker
Signed-off-by: Kerry Archibald <kerrya@element.io>
* dont throw on no more live locations
Signed-off-by: Kerry Archibald <kerrya@element.io>
* cursor on beacon maps
Signed-off-by: Kerry Archibald <kerrya@element.io>
* fussy import ordering
Signed-off-by: Kerry Archibald <kerrya@element.io>
* test dialog opening from beacon body
Signed-off-by: Kerry Archibald <kerrya@element.io>
* test beaconmarker
Signed-off-by: Kerry Archibald <kerrya@element.io>
* test BeaconViewDialog
Signed-off-by: Kerry Archibald <kerrya@element.io>
* comment
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use unstable prefix for wk tile_Server
Signed-off-by: Kerry Archibald <kerrya@element.io>
* unstable prefix for new m.tile_server use in test
Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-04-14 13:14:05 +00:00
1c215e2b71
Live location sharing - render users own beacons in timeline ( #8296 )
...
* extract location markers into generic Marker
Signed-off-by: Kerry Archibald <kerrya@element.io>
* wrap marker in smartmarker
Signed-off-by: Kerry Archibald <kerrya@element.io>
* test smartmarker
Signed-off-by: Kerry Archibald <kerrya@element.io>
* working map in location body
Signed-off-by: Kerry Archibald <kerrya@element.io>
* remove skinned sdk
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use new ZoomButtons in MLocationBody
Signed-off-by: Kerry Archibald <kerrya@element.io>
* test LocationViewDialog
Signed-off-by: Kerry Archibald <kerrya@element.io>
* update commentt
Signed-off-by: Kerry Archibald <kerrya@element.io>
* lint
Signed-off-by: Kerry Archibald <kerrya@element.io>
* lint
Signed-off-by: Kerry Archibald <kerrya@element.io>
* extract livetimeremaining into own component
Signed-off-by: Kerry Archibald <kerrya@element.io>
* extract more beacon state utils
Signed-off-by: Kerry Archibald <kerrya@element.io>
* update tests for roomlivesharewarning
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add beacon map and status chin
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add handling for bubbles
Signed-off-by: Kerry Archibald <kerrya@element.io>
* tests for BeaconBody
Signed-off-by: Kerry Archibald <kerrya@element.io>
* move displaystatus check up to mbeaconbody
Signed-off-by: Kerry Archibald <kerrya@element.io>
* test BeaconStatus
Signed-off-by: Kerry Archibald <kerrya@element.io>
* rename BeaconStatusChin -> BeaconStatus
Signed-off-by: Kerry Archibald <kerrya@element.io>
* make BeaconStatus generic
Signed-off-by: Kerry Archibald <kerrya@element.io>
* lint
Signed-off-by: Kerry Archibald <kerrya@element.io>
* adjust spinner size
Signed-off-by: Kerry Archibald <kerrya@element.io>
* lint
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add static time remaining option to beacon status
Signed-off-by: Kerry Archibald <kerrya@element.io>
* render time differently for own beacon
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use children to add actions to BeaconStatus
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add OwnBeaconStatus wrapper with stop button
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add error states for own beacon
Signed-off-by: Kerry Archibald <kerrya@element.io>
* test OwnBeaconStatus
Signed-off-by: Kerry Archibald <kerrya@element.io>
* move ownbeaconstatus to write dir
Signed-off-by: Kerry Archibald <kerrya@element.io>
* improve button styling
Signed-off-by: Kerry Archibald <kerrya@element.io>
* i18n
Signed-off-by: Kerry Archibald <kerrya@element.io>
* lint
Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-04-14 14:41:28 +02:00
a59f889f79
Fix padding and border-radius issue of the right panel for chat aka mx_ThreadPanel ( #8307 )
...
* Specify the correct padding to the chat panel aka mx_ThreadPanel
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Add border to the right chat panel
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-04-13 11:33:54 -04:00
fe4683df10
Fix some issues with threads rendering ( #8305 )
2022-04-13 12:24:44 +01:00
e59edb7101
Live location sharing - beacon in timeline happy path ( #8285 )
...
* extract location markers into generic Marker
Signed-off-by: Kerry Archibald <kerrya@element.io>
* wrap marker in smartmarker
Signed-off-by: Kerry Archibald <kerrya@element.io>
* test smartmarker
Signed-off-by: Kerry Archibald <kerrya@element.io>
* working map in location body
Signed-off-by: Kerry Archibald <kerrya@element.io>
* remove skinned sdk
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use new ZoomButtons in MLocationBody
Signed-off-by: Kerry Archibald <kerrya@element.io>
* test LocationViewDialog
Signed-off-by: Kerry Archibald <kerrya@element.io>
* update commentt
Signed-off-by: Kerry Archibald <kerrya@element.io>
* lint
Signed-off-by: Kerry Archibald <kerrya@element.io>
* lint
Signed-off-by: Kerry Archibald <kerrya@element.io>
* extract livetimeremaining into own component
Signed-off-by: Kerry Archibald <kerrya@element.io>
* extract more beacon state utils
Signed-off-by: Kerry Archibald <kerrya@element.io>
* update tests for roomlivesharewarning
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add idle status to live beacon icon
* add beacon map and status chin
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add handling for bubbles
Signed-off-by: Kerry Archibald <kerrya@element.io>
* tests for BeaconBody
Signed-off-by: Kerry Archibald <kerrya@element.io>
* i18n
Signed-off-by: Kerry Archibald <kerrya@element.io>
* move displaystatus check up to mbeaconbody
Signed-off-by: Kerry Archibald <kerrya@element.io>
* test BeaconStatus
Signed-off-by: Kerry Archibald <kerrya@element.io>
* rename BeaconStatusChin -> BeaconStatus
Signed-off-by: Kerry Archibald <kerrya@element.io>
* make BeaconStatus generic
Signed-off-by: Kerry Archibald <kerrya@element.io>
* lint
Signed-off-by: Kerry Archibald <kerrya@element.io>
* adjust spinner size
Signed-off-by: Kerry Archibald <kerrya@element.io>
* polish and copyrights
Signed-off-by: Kerry Archibald <kerrya@element.io>
* lint
Signed-off-by: Kerry Archibald <kerrya@element.io>
* better comment
Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-04-13 10:44:15 +02:00
b4a91ea442
Fix threads rendering issue in Safari ( #8298 )
2022-04-13 09:16:09 +01:00
ecdc11d3d5
Fix space panel width change on hovering over space item ( #8299 )
...
* Fix space panel width change on hovering over space item
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
2022-04-12 15:52:46 +00:00
137c015d6c
add excluded style to components.scss ( #8293 )
...
Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-04-12 13:44:49 +01:00
661e2c2aa5
Live location sharing - beacon map in timeline ( #8286 )
...
* add displaystatus util
Signed-off-by: Kerry Archibald <kerrya@element.io>
* map fallback svg
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add Map to mbeaconbody
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add bubble layout handling
Signed-off-by: Kerry Archibald <kerrya@element.io>
* test beaconbody
Signed-off-by: Kerry Archibald <kerrya@element.io>
* typo
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use randomString from js-sdk
Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-04-12 09:13:55 +01:00
4b7840bf78
Live location sharing - extract live time UI for reuse ( #8283 )
...
* extract livetimeremaining into own component
Signed-off-by: Kerry Archibald <kerrya@element.io>
* extract LiveTimeRemaining for reuse in beacon timeline
Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-04-12 09:24:17 +02:00
7b2f1e22e1
Add copy button to View Source screen ( #8278 )
...
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
2022-04-11 18:37:52 +00:00
9ba55d1d14
Live location sharing - consolidate maps ( #8236 )
...
* extract location markers into generic Marker
Signed-off-by: Kerry Archibald <kerrya@element.io>
* wrap marker in smartmarker
Signed-off-by: Kerry Archibald <kerrya@element.io>
* test smartmarker
Signed-off-by: Kerry Archibald <kerrya@element.io>
* working map in location body
Signed-off-by: Kerry Archibald <kerrya@element.io>
* test Map
Signed-off-by: Kerry Archibald <kerrya@element.io>
* remove skinned sdk
Signed-off-by: Kerry Archibald <kerrya@element.io>
* update snaps with new mocks
Signed-off-by: Kerry Archibald <kerrya@element.io>
* use new ZoomButtons in MLocationBody
Signed-off-by: Kerry Archibald <kerrya@element.io>
* make LocationViewDialog map interactive
Signed-off-by: Kerry Archibald <kerrya@element.io>
* test MLocationBody
Signed-off-by: Kerry Archibald <kerrya@element.io>
* test LocationViewDialog
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add copyrights, shrink snapshot
Signed-off-by: Kerry Archibald <kerrya@element.io>
* update comment
Signed-off-by: Kerry Archibald <kerrya@element.io>
* lint
Signed-off-by: Kerry Archibald <kerrya@element.io>
* lint
Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-04-11 18:40:06 +02:00
df20821fd6
Live location sharing - extract zoom buttons into component ( #8235 )
...
* extract out zoombuttons component
* newline
Signed-off-by: Kerry Archibald <kerrya@element.io>
* stylelint
Signed-off-by: Kerry Archibald <kerrya@element.io>
* remove skinned sdk
Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-04-11 10:29:07 +02:00
61076c3331
Fixes button labels being collapsed per a character in CJK languages ( #8212 )
...
* Fixes button labels being collapsed per a character in CJK languages
Closes https://github.com/vector-im/element-web/issues/21287
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Add a comment
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-04-08 23:16:13 -06:00
610225aef2
Fix bubble layout in thread view ( #8249 )
2022-04-08 09:11:08 +01:00
b98739056e
Live location sharing - extract location markers into generic Marker ( #8225 )
...
* extract location markers into generic Marker
Signed-off-by: Kerry Archibald <kerrya@element.io>
* comments
Signed-off-by: Kerry Archibald <kerrya@element.io>
* remove skinned
Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-04-06 12:40:39 +01:00
0fcc271c10
Fix thread list appearance ( #8240 )
2022-04-06 10:48:30 +00:00
35c49a8cd8
Add default properties to link buttons and remove redundant settings ( #8151 )
...
* Add font-size: inherit to link button
Remove redundant font-size settings
_FeedbackDialog.scss
_GenericFeatureFeedbackDialog.scss
_Login.scss
_NewRoomIntro.scss
_NotificationSettingsTab.scss
_PinnedEventTile.scss
_PreferencesUserSettingsTab.scss
_SpaceCreateMenu.scss
_ToastContainer.scss
_UserMenu.scss
Specify font-size
- _ProfileSettings.scss
- _SpaceBasicSettings.scss
- _SpaceSettingsDialog.scss
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Add line-height: inherit to link button
Remove redundant setting
- _GenericFeatureFeedbackDialog.scss
- _PinnedEventTile.scss
- _SpaceCreateMenu.scss
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Add font-weight: normal to link button
Remove redundant setting
- _SpotlightDialog.scss
- _UserMenu.scss
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Dedupe _link and _link_inline
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Set inline to "link_inline"
Treat the button as its name indicates.
For elements that should not be inlined, "link" should be used.
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-04-05 11:29:35 -06:00
df4fd70dbb
Merge remote-tracking branch 'origin/develop' into travis/remove-skinning
2022-04-05 11:26:21 -06:00
cb5c524067
Threads appearance tweaks ( #8233 )
2022-04-05 18:07:34 +01:00
4057833036
Merge branch 'develop' into travis/remove-skinning
2022-04-05 10:50:37 -06:00
694c39e72d
Enable threads by default and mark it as a beta feature ( #8081 )
2022-04-05 17:15:31 +01:00
27e48062b6
Apply tweaks to Thread list as per design spec ( #8149 )
...
Co-authored-by: Germain Souquet <germains@element.io>
2022-04-05 17:01:34 +01:00
4f6b939426
More video rooms design updates ( #8222 )
...
* Update video room icon
* Hide room header border in video rooms
* Fix inconsistent padding on AppTile frames
2022-04-05 06:30:57 -04:00
ba71fb169f
Scale emoji with size of surrounding text ( #8224 )
...
* Scale emoji with size of surrounding text
* Fix lint
2022-04-04 14:25:33 +00:00
1758450e5c
Revamp notification dot for better readibility ( #8197 )
2022-04-04 12:36:54 +01:00
631fd87509
Normalize call buttons ( #8129 )
...
- Set a mixin to use it on call events and toasts
Fixes https://github.com/vector-im/element-web/issues/21493
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-04-04 00:34:39 -06:00
1f64835fab
Update video rooms to new design specs ( #8207 )
...
* Remove radio component
* "Voice room" → "video room"
* Remove interactivity from video room tiles
* Update connection state when joining via widget
* Simplify room header buttons for video rooms
* Split out video room creation into a separate menu option
* Simplify room options for video rooms
* Update video room tile layout
* Tell the Jitsi widget whether it's a video channel
* Update tests
* "Voice" → "video" in more places
* Fix tests
* Re-add frame to immersive Jitsi widgets
* Comment ack
* Make updateDevices more readable
* Type FacePile
2022-04-01 14:36:10 +00:00
97efdf7094
Merge branch 'develop' into travis/remove-skinning
2022-03-31 19:25:43 -06:00
215f89d76a
Fix alignment of UISIs in threads ( #8206 )
2022-03-31 14:37:31 +01:00
4922e19b5a
Live Location Sharing - left panel warning with error ( #8201 )
...
* add error style to left panel beacon warning
Signed-off-by: Kerry Archibald <kerrya@element.io>
* test
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add beacon sort util
* link to latest beacon room from left panel warning
Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-03-31 13:51:44 +02:00
1175226bcb
Live location sharing - display wire error in room ( #8198 )
...
* expose wire errors in more useful way
* add wire error state to room live share warning bar
Signed-off-by: Kerry Archibald <kerrya@element.io>
* stylelint
Signed-off-by: Kerry Archibald <kerrya@element.io>
* add types to getLabel helper
Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-03-31 10:57:12 +02:00
e721c6b0c2
Live location sharing: allow retry when stop sharing fails ( #8193 )
...
* allow retry when stop sharing fails
Signed-off-by: Kerry Archibald <kerrya@element.io>
* tidy
Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-03-30 12:31:19 +00:00
8058f812c2
Show room preview bar with maximised widgets ( #8180 )
2022-03-30 11:43:54 +00:00
5fa2ca83ac
Allow voice messages to be scrubbed in the timeline ( #8079 )
...
* Use SeekBar for voice messages + move seeking logic to base class
* Appease the linter
* Update tests
2022-03-29 14:07:35 -06:00
bd1fd0a734
Step 13: Update documentation for skinning
2022-03-28 15:23:31 -06:00
af6bd63ac7
Fix some image/video scroll jumps ( #8182 )
...
* Fix some image/video scroll jumps
* Fix aspect ratio formatting
* Fix videos not being responsive to timeline width
2022-03-28 19:07:02 +00:00
e02ab66884
Add margins between labs sections ( #8169 )
2022-03-28 08:16:08 -04:00
f557ac9486
Responsive BetaCard on Labs ( #8154 )
2022-03-28 11:26:14 +01:00
7798ecfa33
Fix beta pill label breaking ( #8162 )
2022-03-28 09:27:59 +01:00
bda18f8bc9
Fix disambiguated profile in threads in bubble layout ( #8168 )
2022-03-28 08:59:06 +01:00
f229ad6407
Set flex to buttons on NewRoomIntro with gap around them ( #8146 )
...
* Set flex to buttons on NewRoomIntro with gap around them
Closes https://github.com/vector-im/element-web/issues/21553
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* empty commit
2022-03-24 13:51:52 -06:00
56569dbb63
Readd the group icon on home page ( #8145 )
...
Fixes https://github.com/vector-im/element-web/issues/21551
- Replace `community` with `group`
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-03-24 13:51:18 -06:00
981b44cb0d
Set margin between user and "Show more" on Invite dialog ( #8144 )
2022-03-24 13:35:19 +00:00
c159d550f5
Fix member count on _SpaceRoomView.scss ( #8142 )
2022-03-24 09:48:54 +00:00
Suguru Hirahara