Commit graph

14 commits

Author SHA1 Message Date
Ajay Bura
9a22b25564 Show popup window in full screen at mobile devices 2022-04-24 17:29:49 +05:30
Laurenz
dc8e6e53c7
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
005434f79b
Add support for managing sessions (#415)
* Allow node type prop in setting tile

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

* Update popup window max height

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

* Add device management setting

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

* Add password based login

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

* truncate long list of verified devices

Signed-off-by: Ajay Bura <ajbura@gmail.com>
2022-03-23 18:44:38 +05:30
ginnyTheCat
1d7fbc841e
Add option to view event source (#320)
* Add view source

* Add view source cons

* Change design

* Use PopupWindow instead of Dialog

* Undo changes to Dialog.jsx
2022-02-22 19:01:04 +05:30
Ajay Bura
8c013aa2a9 Make title prop as node in PopupWindow component
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2022-01-29 13:45:36 +05:30
Ajay Bura
d46b046f2d Adjust drawer width in small screen
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-26 16:16:58 +05:30
Ajay Bura
c4e16418e0 Open settings on sidebar user profile click
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-19 20:05:13 +05:30
Ajay Bura
ce9f140ddf Refector sass
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-19 10:28:41 +05:30
Ajay Bura
3d7e509f9a Localize fonts
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-16 17:55:16 +05:30
Ajay Bura
bb6a64790d More twemojify text
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-11-23 17:07:15 +05:30
unknown
81f4f1c46f UI bug fixed in PopupWindow drawer 2021-07-31 19:54:43 +05:30
unknown
7459896bac PopupWindow drawer width decreased 2021-07-31 17:55:15 +05:30
unknown
dd2783b040 improved PopupWindow drawer UI 2021-07-31 17:45:33 +05:30
unknown
026f835a87 initial commit 2021-07-28 18:45:52 +05:30