Commit graph

69 commits

Author SHA1 Message Date
Laurenz
67853a05c0 Adapt to different device widths (#401)
* Now adapting to small screen sizes, needs improvements

* Fix that site only gets into mobile mode when resized

* - Added navigation event triggered if user requests to return to navigation on compact screens
- People drawer wont be shown on compact screens
  - Still accessible using settings
  - would be duplicated UI
- mobileSize is now compactSize

* Put threshold for collapsing the base UI in a shared file

* Switch to a more simple solution using CSS media queries over JS
- Move back button to the left a bit so it doesnt get in touch with room icon

* switch from component-individual-thresholds to device-type thresholds
- <750px: Mobile
- <900px: Tablet
- >900px: Desktop

* Make Settings drawer component collapse on mobile

* Fix EmojiBoard not showing up and messing up UI when screen is smaller than 360px

* Improve code quality; allow passing classNames to IconButton
- remove unnessesary div wrappers
- use dir.side where appropriate
- rename threshold and its mixins to more descriptive names
- Rename "OPEN_NAVIGATION" to "NAVIGATION_OPENED"

* - follow BEM methology
- remove ROOM_SELECTED listener
- rename NAVIGATION_OPENED to OPEN_NAVIGATION where appropriate
- this does NOT changes that ref should be used for changing visability

* Use ref to change visability to avoid re-rendering

* Use ref to change visability to avoid re-rendering

* Fix that room component is not hidden by default.
This resulted in a broken view when application is viewed in mobile size without having selected a room since loading.

* fix: leaving a room should bring one back to navigation

Co-authored-by: Ajay Bura <32841439+ajbura@users.noreply.github.com>
2022-04-24 15:53:10 +05:30
Ajay Bura
06013332a4 Add support to manage cross-signing and key backup (#461)
* Add useDeviceList hook

Signed-off-by: Ajay Bura <ajbura@gmail.com>

* Add isCrossVerified func to matrixUtil

Signed-off-by: Ajay Bura <ajbura@gmail.com>

* Add className prop in sidebar avatar comp

Signed-off-by: Ajay Bura <ajbura@gmail.com>

* Add unverified session indicator in sidebar

Signed-off-by: Ajay Bura <ajbura@gmail.com>

* Add info card component

Signed-off-by: Ajay Bura <ajbura@gmail.com>

* Add css variables

Signed-off-by: Ajay Bura <ajbura@gmail.com>

* Add cross signin status hook

Signed-off-by: Ajay Bura <ajbura@gmail.com>

* Add hasCrossSigninAccountData function

Signed-off-by: Ajay Bura <ajbura@gmail.com>

* Add cross signin info card in device manage component

Signed-off-by: Ajay Bura <ajbura@gmail.com>

* Add cross signing and key backup component

Signed-off-by: Ajay Bura <ajbura@gmail.com>

* Fix typo

Signed-off-by: Ajay Bura <ajbura@gmail.com>

* WIP

Signed-off-by: Ajay Bura <ajbura@gmail.com>

* Add cross singing dialogs

Signed-off-by: Ajay Bura <ajbura@gmail.com>

* Add cross signing set/reset

Signed-off-by: Ajay Bura <ajbura@gmail.com>

* Add SecretStorageAccess component

Signed-off-by: Ajay Bura <ajbura@gmail.com>

* Add key backup

Signed-off-by: Ajay Bura <ajbura@gmail.com>

* WIP

* WIP

* WIP

* WIP

* Show progress when restoring key backup

* Add SSSS and key backup
2022-04-24 15:42:24 +05:30
Ajay Bura
a2f0c1af93 Redesign app/user settings (#404)
* Redesign app settings

Signed-off-by: Ajay Bura <ajbura@gmail.com>

* Redesign user profile in settings

Signed-off-by: Ajay Bura <ajbura@gmail.com>

* Update string

Signed-off-by: Ajay Bura <ajbura@gmail.com>

* Fix bug

Signed-off-by: Ajay Bura <ajbura@gmail.com>
2022-03-21 09:46:11 +05:30
Ajay Bura
a37e595dd7 Add forward ref in avatar component
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2022-03-08 16:29:01 +05:30
Ajay Bura
fceccc43d5 Fix button styles
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2022-02-27 16:58:15 +05:30
Ajay Bura
fa083703f4 Add tabIndex prop in checkbox
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2022-02-20 20:14:28 +05:30
ginnyTheCat
328f5fc799 Create icons for users without an avatar in desktop notifications (#305)
* Add notifications icon for users without an avatar

* Render icon at higher resolution

* Use scale to render at higher resolution
2022-02-15 17:18:25 +05:30
ajbura
8998b66eb8 Fix bug in this.isRawModalVisible
Signed-off-by: ajbura <ajbura@gmail.com>
2022-02-08 17:59:15 +05:30
ginnyTheCat
86b3948e4a Keyboard focus related bugs (#299)
* Focus when opening the emoji board and editing a message

* Clean emoji board after closing

* Focus room search and member search

* Resolve conversations
2022-02-08 17:13:59 +05:30
ajbura
eaabefa5a5 Fix avatar showing av when loading (#247)
Signed-off-by: ajbura <ajbura@gmail.com>
2022-02-05 18:19:30 +05:30
Ajay Bura
96b6366ea3 Fix scrollbar padding for safari breaks other component styling
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2022-01-24 14:56:36 +05:30
Ajay Bura
fa992af23c Add broken avatar fallback
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2022-01-16 10:41:37 +05:30
Ajay Bura
ce7d4fe4be Add padding in scroll view for safari
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2022-01-15 20:11:37 +05:30
Ajay Bura
fb22b6ba1c Add afterClose param to reusabel context menu
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2022-01-13 18:43:22 +05:30
Ajay Bura
7f53b1c066 Add ReusableContextMenu component
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2022-01-11 20:43:40 +05:30
Ajay Bura
6e72f60b2f Remove error handling from Avatar component
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2022-01-09 16:22:04 +05:30
Ajay Bura
6a7fd883fe Add ability to manage room addresses
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2022-01-01 11:43:35 +05:30
Ajay Bura
2596657863 Add disabled attribute in Checkbox, Toggle and RadioButton
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-31 17:38:25 +05:30
Ajay Bura
b91bc46b5d Add isImage prop in RawIcon
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-30 12:44:14 +05:30
Ajay Bura
ede8f0d2a5 Add checkbox component
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-30 11:37:18 +05:30
Ajay Bura
bf42c2e46d Add optoins to change room visibility
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-26 15:34:20 +05:30
Ajay Bura
60e50ae661 Add disable prop in IconButton and MenuItem
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-24 15:05:56 +05:30
Ajay Bura
65fb3b3161 Fix RadioButton style
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-24 15:03:57 +05:30
Ajay Bura
ad8a4c74c6 Fix twemoji scaling
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-24 10:18:07 +05:30
Ajay Bura
93d36c1c8c Add RadioButton component
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-23 17:09:09 +05:30
Ajay Bura
486ba8b599 Add RoomSettings comp
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-22 20:18:32 +05:30
Ajay Bura
50e1b719c5 Add tabs comp
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-21 18:34:13 +05:30
Ajay Bura
1593630a7d Refector sass
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-19 10:28:41 +05:30
Ajay Bura
f7c8b76680 Fix theme
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-18 10:10:23 +05:30
Ajay Bura
19c9441f61 Fix theme
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-17 11:32:21 +05:30
Ajay Bura
0855defb69 Fix mxid colors for dark theme
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-16 18:39:44 +05:30
Ajay Bura
b47dc4468c Localize fonts
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-16 17:55:16 +05:30
Ajay Bura
20d1ad6474 Add hotkey ctrl+k for search
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-11 10:50:34 +05:30
Ajay Bura
e6f1e7f216 Add search modal (#132)
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-10 17:22:53 +05:30
Ajay Bura
6ab6699184 Add animation on hover in sidebar
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-08 11:11:05 +05:30
Ajay Bura
40771de6a1 Added primary varient in IconButton
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-03 18:26:18 +05:30
Ajay Bura
95ac0895f1 Update UX of Divider comp
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-03 18:25:29 +05:30
Ajay Bura
34f0da1710 Twemojify text
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-11-23 16:33:35 +05:30
Ajay Bura
fa86bc9d4b Fix emoji size in Avatar
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-11-23 12:27:01 +05:30
Ajay Bura
fc657f6863 Twemojified all text
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-11-23 11:56:02 +05:30
Ajay Bura
58b1deaa60 Use formatted_body to parse markdown (#133) and partially implement #105, #19
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-11-21 14:30:21 +05:30
Ajay Bura
998e5cd259 Refectored Message comp
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-11-20 13:29:32 +05:30
Ajay Bura
c6c5b6ff86 Fix alignment in ProfileViewer
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-11-19 10:00:47 +05:30
Samuel Dionne-Riel
84380fedf6 Use Unicode aware character-wise slicing (#159) 2021-11-10 13:30:25 +05:30
Ajay Bura
b286337bd1 Re: fix alignment on hsInput in safari
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-11-06 19:12:45 +05:30
Ajay Bura
0b04a28b40 Full UIAA implement (#93), #32, #146, #64, #102
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-11-06 15:15:35 +05:30
Ajay Bura
cbc86affd4 Fix overscroll behavior
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-10-27 16:06:07 +05:30
Ajay Bura
44fcaf953b SegmentedControl bug fixed
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-10-23 15:41:16 +05:30
Ajay Bura
429e6fc9a8 Added button reset type.
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-10-22 17:13:57 +05:30
Gero Gerke
191772e005 Implement Profile Viewer (#130)
* Implement Profile Viewer

Fixes #111

* Make user avatar in chat clickable

* design progress

* Refactored code

* progress

* Updated chip comp

Signed-off-by: Ajay Bura <ajbura@gmail.com>

* Refactored ProfileViewer comp

Signed-off-by: Ajay Bura <ajbura@gmail.com>

* Added msg functionality in ProfileViewer

Signed-off-by: Ajay Bura <ajbura@gmail.com>

* Added Ignore functionality in ProfileViewer

Signed-off-by: Ajay Bura <ajbura@gmail.com>

* Fixed Ignore btn bug

Signed-off-by: Ajay Bura <ajbura@gmail.com>

* Refectored ProfileViewer comp

Signed-off-by: Ajay Bura <ajbura@gmail.com>

Co-authored-by: Ajay Bura <ajbura@gmail.com>
2021-10-18 20:55:52 +05:30