Commit Graph

3974 Commits (760d26967149d9ac833d9e5ba108836ff8434696)

Author SHA1 Message Date
Michael Telatynski 75b03ca101
Reuse CopyableText component in all places it can be (#7701) 2022-02-02 12:16:00 +00:00
Andy Balaam afbc843157
Fit location into the width of the container (#7705) 2022-02-02 11:41:33 +00:00
Andy Balaam f5226f9d5b
Simplify Composer buttons (#7678)
* Render a CollapsibleButton's children (needed by UploadButton)

* Make UploadButton ready to live inside an overflow menu

* Always show overflow menu in composer: main buttons are emoji and attach

* Re-order composer buttons as per design

* Re-word composer button captions to be simple nouns

* Don't rotate More options button when clicked

* Move the composer menu and dialogs 16px in from right

* Reduce shadow on composer More menu

* From review: remove else clause

* From review: take input out of button

* Update test snapshots

* Update snapshots
2022-02-02 09:30:53 +00:00
Michael Telatynski c011fb7475
Fix incorrect sizing of DecoratedRoomAvatar in RoomHeader (#7697) 2022-02-02 09:22:27 +00:00
Eric Eastwood 9b0da552e7
Fix vertical spacing in `compact` `<ContextMenu>` (#7684)
Fix https://github.com/vector-im/element-web/issues/20801

Regressed in https://github.com/matrix-org/matrix-react-sdk/pull/7339

Relevant styles were first added in https://github.com/matrix-org/matrix-react-sdk/pull/4858
(context behind why the original styles were added)

---

## Cause

Battling CSS specificity between the default and compact styles, https://specificity.keegan.st/

Known good (On `app.element.io` (expected)):
```css
// 0 3 0
.mx_IconizedContextMenu .mx_IconizedContextMenu_optionList .mx_AccessibleButton {
    padding-top: 12px;
    padding-bottom: 12px;
}

// Compact styles override our default rules because they come
// after the other styles (source order) and have the same specificity
// 0 3 0
.mx_IconizedContextMenu.mx_IconizedContextMenu_compact .mx_IconizedContextMenu_optionList > * {
    padding: 8px 16px 8px 11px;
}
```

Bad (On `develop` (broken)):
```css
// Default rules always override because they have higher specificity.
// The `:not()` selector doesn't add any extra specificity but the selectors inside the `:not(...)` do.
// 0 4 0
.mx_IconizedContextMenu .mx_IconizedContextMenu_optionList .mx_AccessibleButton:not(.mx_AccessibleButton_hasKind) {
    padding-top: 12px;
    padding-bottom: 12px;
}

// 0 3 0
.mx_IconizedContextMenu.mx_IconizedContextMenu_compact .mx_IconizedContextMenu_optionList > * {
    padding: 8px 16px 8px 11px;
}
```
2022-02-01 11:23:21 -06:00
Michael Telatynski 18995363d0
Make polls fill column width in bubbles layout (#7661) 2022-02-01 09:27:14 +00:00
UwUnyaa 5d93ca5f2a
Irc full name overlap (#7652) 2022-02-01 09:24:05 +00:00
Ajay Bura 3e1a5f7021
Fix warning image overflow in space hierarchy (#7686) 2022-02-01 10:21:58 +05:30
Michael Telatynski 991257cbc3
Fix accessibility and consistency of MessageComposerButtons (#7679) 2022-01-31 16:05:05 +00:00
Kerry 085ecc7f5f
Chat export parameter customisation (#7647)
* use export settings and hide fields

Signed-off-by: Kerry Archibald <kerrya@element.io>

* fix exporter tests

Signed-off-by: Kerry Archibald <kerrya@element.io>

* test ExportDialog with settings

Signed-off-by: Kerry Archibald <kerrya@element.io>

* tidy debugs, rename setting to Parameters

Signed-off-by: Kerry Archibald <kerrya@element.io>

* use reasonable 100gb limit

Signed-off-by: Kerry Archibald <kerrya@element.io>

* use normal setting instead of UIFeature

Signed-off-by: Kerry Archibald <kerrya@element.io>

* use a customisation

Signed-off-by: Kerry Archibald <kerrya@element.io>

* move validateNumberInRange to utils

Signed-off-by: Kerry Archibald <kerrya@element.io>

* use nullish coalesce

Signed-off-by: Kerry Archibald <kerrya@element.io>

* use 8gb size limit for customisation

Signed-off-by: Kerry Archibald <kerrya@element.io>

* update comments

Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-01-31 12:54:14 +01:00
Robin 53aca69594
Fix font size of spaces between big emoji (#7675) 2022-01-31 09:53:04 +00:00
Eric Eastwood 7fa27f5834
Add jump to date functionality to date headers in timeline v2 (#7339)
Fix https://github.com/vector-im/element-web/issues/7677

Utilizes MSC3030: https://github.com/matrix-org/matrix-doc/pull/3030

https://user-images.githubusercontent.com/558581/150060664-79627573-f4fd-497c-b726-dc3485854bd0.png
2022-01-27 16:32:12 -06:00
Michael Telatynski 074fec359b
Fix issue with tile error boundaries collapsing in bubbles layout (#7653) 2022-01-27 13:34:26 +00:00
Michael Telatynski 20819df60b
Fix emojis getting cropped in irc & bubble layouts by anti-zalgo (#7637)
Co-authored-by: J. Ryan Stinnett <jryans@gmail.com>
2022-01-27 09:45:52 +00:00
Michael Telatynski 50f8c61fa8
Fix search results view for layouts other than Group/Modern (#7648) 2022-01-26 20:15:44 +00:00
Michael Telatynski 04f8228741
Tweak room list header menu for when space is active (#7577)
* Remove start chat entry from space-variant room list header + menu

* Add options to the RoomListHeader plus menu

* Tweak behaviour of room list header + menu space variant explore action
2022-01-25 20:21:38 +00:00
Michael Telatynski fb49ccce35
Show bubble tile timestamps for bubble layout inside the bubble (#7622) 2022-01-25 13:10:17 +00:00
Michael Telatynski 8ddd677c35
De-labs Metaspaces (#7613) 2022-01-25 12:33:17 +00:00
Kerry 502b805164
Add customisation point for mxid display (#7595)
* add wrapping component for hiding UI

Signed-off-by: Kerry Archibald <kerrya@element.io>

* add Setting

Signed-off-by: Kerry Archibald <kerrya@element.io>

* apply setting to profile settings, user menu, invite dialog, userinfo

Signed-off-by: Kerry Archibald <kerrya@element.io>

* hide mxids in user autocomplete

* remove mxids from title in memeber list and timeline

Signed-off-by: Kerry Archibald <kerrya@element.io>

* hide mxid in ConfirmUserActionDialog

Signed-off-by: Kerry Archibald <kerrya@element.io>

* use name in power level event message when displayMxids is falsy

Signed-off-by: Kerry Archibald <kerrya@element.io>

* add customisation point for mxid display

Signed-off-by: Kerry Archibald <kerrya@element.io>

* use userid customisation

Signed-off-by: Kerry Archibald <kerrya@element.io>

* use customisation in sender profile

Signed-off-by: Kerry Archibald <kerrya@element.io>

* hide profile settings mxid if falsy

Signed-off-by: Kerry Archibald <kerrya@element.io>

* rename and move to components

Signed-off-by: Kerry Archibald <kerrya@element.io>

* remove change to UIFeature.ts

Signed-off-by: Kerry Archibald <kerrya@element.io>

* improvements from pr

Signed-off-by: Kerry Archibald <kerrya@element.io>

* lint fix

Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-01-25 10:40:02 +01:00
Michael Telatynski 777af0cf10
Bubble layout fixes to media events (#7615) 2022-01-24 19:01:20 +00:00
Michael Telatynski d60b234b75
Don't render a bubble around emotes in bubble layout (#7573) 2022-01-24 13:51:57 +00:00
Robin 6806c2cdca
Enlarge emoji in composer (#7602) 2022-01-24 12:53:05 +00:00
Šimon Brandner b5d11336f7
Add ability to switch between voice & video in calls (#7155) 2022-01-24 12:48:35 +00:00
Robin 83b0d123c1
Make pills more natural to navigate around (#7607) 2022-01-24 12:24:11 +00:00
Robin c7449caacc
Fix excessive padding on inline images (#7605) 2022-01-24 12:21:21 +00:00
Robin 5430fa15a4
Prevent pills from being split by formatting actions (#7606) 2022-01-24 12:18:08 +00:00
Šimon Brandner a2f1e856be
Make room ID copyable (#7600) 2022-01-24 11:47:59 +00:00
Šimon Brandner 5f18e4888c
Improve the look of the keyboard settings tab (#7562)
* First cut of new keyboard shortcuts

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Remove unused code

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* i18n

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Amend shortcuts

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Improve CATEGORIES struct

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Add tests for registerShortcut()

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Simplifie code tiny bit

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Translate ALTERNATE_KEY_NAME

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Fix `key` usage

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Export components for tests

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Write snapshot tests

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2022-01-24 11:33:27 +00:00
Robin af8b3c2714
Add tooltips to emoji in messages (#7592) 2022-01-21 10:10:57 +00:00
rkfg 98e1c311c4
Make inline emojis bigger (#5401) 2022-01-20 16:33:41 -07:00
Robin f59ea6d7ad
Show a tile at beginning of visible history (#5887) 2022-01-20 09:51:31 +00:00
Germain 73a58705f6
Fix alignment of unread badge in thread list (#7582) 2022-01-20 08:47:37 +00:00
Germain 8427bf46ef
Fix broken thread list timestamp display (#7549) 2022-01-19 10:41:39 +00:00
Germain 336217f668
Add view in room to action bar in thread list (#7519) 2022-01-19 10:39:33 +00:00
Andy Balaam 2743a75a21
Display general marker on non-self location shares (#7574) 2022-01-19 09:33:49 +00:00
Eric Eastwood a00d359422
Fix left positioned tooltips being wrong and offset by fixed value (#7551)
Previously, the `left` positioning seemed to only work with icons which are all about the same size so the arbitrary offset worked. Now we actually position off to the left of the element and we have equal `margin-left` and `margin-right` to determine the offset.

Spawned from https://github.com/matrix-org/matrix-react-sdk/pull/7339#discussion_r767154349
2022-01-18 21:08:11 -06:00
Michael Telatynski b50060bcfc
Fix MAB overlapping or overflowing in bubbles layout and threads regressions (#7569)
* Fix MAB overlapping or overflowing in bubbles layout

* Fix bubbles in threads timestamps positioning regression
2022-01-19 01:48:07 +00:00
Michael Telatynski aac5964121
Fix wrong icon being used for appearance tab in space preferences dialog (#7570) 2022-01-18 17:56:49 -07:00
Michael Telatynski d5412e52ed
Replace home icon with new one (#7571) 2022-01-18 15:29:01 +00:00
Michael Telatynski f217c6fd61
Update bubble layout styling for stickers (#7560) 2022-01-18 10:37:44 +00:00
Michael Telatynski aed09ee2f6
Differentiate between hover and roving focus in spotlight dialog (#7564) 2022-01-18 09:56:04 +00:00
Michael Telatynski 4b5ca1d7a9
Fix timeline jumping issues related to bubble layout (#7529) 2022-01-18 09:31:21 +00:00
David Teller 6b870ba1a9
MSC3531 - Implementing message hiding pending moderation (#7518)
Signed-off-by: David Teller <davidt@element.io>
2022-01-17 16:04:37 +01:00
Šimon Brandner 1f298250b9
Make the `Keyboard Shortcuts` dialog into a settings tab (#7198) 2022-01-17 11:53:10 +00:00
Šimon Brandner cb42173e11
Make widgets and calls span across the whole room width when using bubble layout (#7553) 2022-01-17 10:01:31 +00:00
Kerry 50de35cd1a
truncate room name on pip header (#7538)
Signed-off-by: Kerry Archibald <kerrya@element.io>
2022-01-14 10:37:30 +00:00
Michael Telatynski 47c112b12e
Fix alignment of reactions in bubble layout thread view (#7534)
* Fix alignment of reactions in bubble layout thread view

* Remove duplicate download link in thread view panel

* Fix bugs with layout of file pills
2022-01-13 22:46:11 +00:00
Michael Telatynski 657b0a4c28
Fix alignment of timestamps in bubble layout (#7535) 2022-01-13 22:45:54 +00:00
Michael Telatynski 6d9d9a56b4
Apply border-radius onto linear gradient in bubble layout (#7536) 2022-01-13 16:42:32 +00:00
Michael Telatynski 44b9b6ca57
Restore ability to click to lightbox image in bubble layout (#7533) 2022-01-13 12:45:35 +00:00