30 Commits

Author SHA1 Message Date
3a756201ea chore(css): run stylelint 2025-10-24 00:15:12 -07:00
4b9845c7c8 Format sass files 2025-10-24 00:08:29 -07:00
c7d78f4224 Use updated sass import syntax 2025-10-23 23:27:10 -07:00
1ddba0118e State-changed events modified to be in aria live region (#3469)
* Made changes to chatcontainer, still facing issue with only reading out the newest message

* Added accessibility measure for chat to allow for latest message to be read by screen reader

* Fixed linting errors

* Fixed linting errors pt. 2

* Fixed linting errors, the finale?

* Ok this is actually it i promise

* add username to be read out by screenreader

* fix string concat linter issue

* fix linting indexing issue

* remove test mp4 files

---------

Co-authored-by: melghali <melghali@andrew.cmu.edu>
2024-03-05 22:02:58 -08:00
101174f71e replace margins with padding in the chat container (#3165)
Virtuoso can't calculate the size of elements that have margins. This causes
strange behaviour with scrolling in chat.

Co-authored-by: janWilejan <>
2023-07-11 13:07:58 -07:00
3f4887020d Add resize handle to chat (#3157)
* add resize handle to chat

* Add chat resize functionality

* window resize only causes chat resize on desktop

* fix parseFloat invocation

* desktop is optional attribute of ChatContainer

---------

Co-authored-by: janWilejan <>
2023-07-10 23:00:28 -07:00
2d72935564 change chat from a sidebar to a column (#3113)
* change chat from a sidebar to a column

Using a 2-column layout prevents the chat scrollbar from overlapping the page
scrollbar. Also, it no longer needs to calculate extra padding for elements.

* remove unused Sidebar.tsx

* fix css for chat column

* re-center "Go to last message" button

* main content column always uses maximum height

* lint

* re-hide scrollbars in mainContent on chromium

* fix chat column width when input is over-full

* chat is only fixed-width in desktop

---------

Co-authored-by: janWilejan <>
2023-07-09 14:07:35 -07:00
1f755cb0ba fix(chat): do not allow chat scrolling to impact page scrolling. Closes #3109 2023-06-27 16:11:07 -07:00
7924a561b2 fix(chat): update scroll to bottom button text color 2023-06-21 14:26:57 -07:00
ccb9b5d075 chore: run stylelint on our css files 2023-06-20 20:58:00 -07:00
cfdfdf5f49 fix(chat): add slight spacing via margin below bottom chat message 2023-05-08 19:29:00 -07:00
32c3f6a9b6 fix: #2668 Page Vertical Spacing Issues (#2863)
* fix: #2668 Page Vertical Spacing Issues

* Update test to reflect mobile work

* chore: refactor action buttons

---------

Co-authored-by: thisProjects <wibbet@wobbet.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2023-04-26 15:31:23 -07:00
44483a45d3 some webv2 UI polish (#2940)
* style tweaks for Action Button, UserMenu, Modal

* a bunch of misc polish; some around chat

* Prettified Code!

* cleanup

* fix formatting

* Reduce content padding a bit

* some stylesheet cleanup

* fix action button sizing

* Remove action button height completely

---------

Co-authored-by: gingervitis <gingervitis@users.noreply.github.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2023-04-24 10:58:57 -07:00
Naz
3629f318e8 removed timers from component in favor of css transition (#2769)
* removed timers from component in favor of css transition

* removed semibold text

---------

Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2023-03-03 15:25:22 -08:00
05a06796e2 Break out name change message to own component + fix text color. Closes #2718 2023-02-19 16:20:11 -08:00
a1a3272031 Hide scrollbars 2023-01-18 19:18:29 -08:00
b989e9a462 Remove chat container bottom margin 2023-01-11 00:52:03 -08:00
890ebdfff6 Tweak style of scroll to bottom button 2022-12-14 12:54:31 -08:00
8a14173066 Increase the bottom threshold for chat container. Closes #2342 2022-12-01 19:26:16 -08:00
ce1c564797 Add margin under bottom chat message 2022-11-19 12:56:38 -08:00
769f05db2c Allow for custom scrollbar styling 2022-11-13 12:37:31 -08:00
813f8692f0 Support color customization from the admin (#2338)
* Add user-customizable theming. Closes #1915

* Prettified Code!

* Add user-customizable theming. Closes #1915

* Add explicit color for page content background

* Prettified Code!

Co-authored-by: gabek <gabek@users.noreply.github.com>
2022-11-12 20:26:55 -08:00
adea618a44 improved ui of chat text input 2022-10-01 10:34:59 +02:00
44ef64b3b5 fixed chat container not showing in SB + minor changes 2022-09-30 13:17:22 +02:00
0b35919357 Fixed messages not wrapping + changed some styles to accomodate scrollbar better 2022-09-13 08:43:59 +02:00
9e18cf2f0c Fix incorrect font variable being used 2022-08-21 16:01:41 -07:00
26f9a41508 Few changes to chat
Added moderator icon

changed styling for a name change message

Now usernames collapse as long as the user is the same

Imported two weights of Poppins and the OpenSans variable instead of def
400

This is some progress on #1859 and #1625
2022-07-02 09:08:36 +02:00
e6cc3a39d1 Added moderator menu to messages and some other styling.
created new ant overrides file.

Ignore the static directory
2022-07-01 22:53:56 +02:00
455d8f8169 Few changes to chat.
Changed the way the background is set on self sent messages and some
styling.

Fixed chat container not scrolling. Added 'go to bottom' button.
2022-07-01 19:35:14 +02:00
018ee135b2 Moved chat header into ChatContainer and created component folder 2022-05-22 14:55:52 +02:00