69ee8fd96a
Change License: AGPL + Element Commercial ( #28856 )
...
* Add commercial licence and update config files
* Update license in headers
* Revert "Update license in headers"
This reverts commit 7ed7949485
2025-01-06 11:18:54 +00:00
abf6d58b7b
Enable stylelint rule no-unknown-custom-properties ( #28473 )
...
* Enable stylelint rule no-unknown-custom-properties
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Fix cpd css vars
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Remove dead styling
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Remove invalid css
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Fix comments
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---------
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2024-11-18 09:56:22 +00:00
774b767b80
Upgrade to compound-design-tokens v2 ( #28471 )
...
* Upgrade to compound-design-tokens v2
Switch out color/text/placeholder for color/text/secondary
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Upgrade compound to fix Search component placeholder colour
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---------
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2024-11-15 11:46:48 +00:00
346b45751c
Update search placeholder to Compound Design Token for placeholder text ( #28427 )
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2024-11-14 10:19:39 +00:00
491f0cd08a
Change license ( #13 )
...
* Copyright headers 1
* Licence headers 2
* Copyright Headers 3
* Copyright Headers 4
* Copyright Headers 5
* Copyright Headers 6
* Copyright headers 7
* Add copyright headers for html and config file
* Replace license files and update package.json
* Update with CLA
* lint
2024-09-09 13:57:16 +00:00
77a724526e
Tooltip: Improve the accessibility of the composer and the rich text editor ( #12459 )
...
* Use `AccessibleButton` in `RovingAccessibleTooltipButton`
* Update snapshots
* Update @vector-im/compound-web
* Update composer
* Update formating buttons
* Update snapshots
* Remove placement
* Update snapshots
* Use kbd
* Update ``@vector-im/compound-web`
2024-05-15 08:32:53 +00:00
26b4d47af1
Refine the colors of some more components ( #12343 )
...
* Refine the colors of some more components
This is a reintroduction of https://github.com/matrix-org/matrix-react-sdk/pull/12255 , and should be the last part of the Compound color refinement work (https://github.com/element-hq/element-web/issues/26992 ). I've updated the following components to reflect design decisions (https://www.figma.com/file/pqhlirZFEwEp5XpudSbiia/Theming-Web-templates?type=design&node-id=80-60219&mode=design&t=mjqwylUie1vRwzOV-0 ) that will help them fit in better with the new design system:
- Message bubbles
- Pills
- Sent indicators
- Jump to bottom/unread buttons
- Composer placeholder
- Notification badges
- Room sublists
- Verification shields
- Date separators
- Tooltips
Closes https://github.com/element-hq/element-web/issues/22122
* Update some screenshots
2024-03-18 15:47:55 +00:00
a0c8575113
Update dependency prettier to v3 ( #12095 )
...
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
2024-01-02 18:56:39 +00:00
6aa86a858f
Fixes read receipt avatar offset ( #11483 )
...
* Fixes read receipt avatar offset
Fixes https://github.com/vector-im/element-web/issues/26059
* Fix avatar collapsing in thread list
Fixes https://github.com/vector-im/element-web/issues/26064
* Make composer pills use new avatar design
Fixes https://github.com/vector-im/element-web/issues/26067
* Update snapshots
* Update UserInfo snapshot
* Update HTMLExport snapshot
* Fixes avatar placeholder font
Fixes https://github.com/vector-im/element-web/issues/26061
2023-08-30 11:47:35 +00:00
38d24f164a
Compound color pass ( #11079 )
...
* Integrate compound design tokens
The icons should not be included in this repo, and should live in the compound design token repo, but for simplicity sake at this phase of the integration they will be added here
* Pareto color pass on the light theme
* bugfixes in the light color pass
* Compound color pass dark theme
* Compound color pass high contrast
* Fix typo
* fix tooltip
* Fix PR feedback
* fix composer button mixin
* Normalise some of the auth page colors
* Update based on figma feedback
* lintfix
* regenerate theme index
* Fix cypress tests
Removed the CSS assertions in the room header as it overlaps with the Percy snapshot
* fix more e2e tests
* update colors based on feedback
* fix color pass
* Fix theme overrides
* Restore -transparent
* fix color mapping
* Final colour pass update
* Do not consume compound colors directly
* rethemedex
* Update pass
* Final tweaks
* a11y pass
* scope opacity to checkbox and not label
* Add missing customisations var for theming
* lintfix
* remove unwanted test
2023-07-12 17:46:49 +00:00
e03eac12c3
Add room and user avatars to rte ( #10497 )
...
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
2023-04-06 08:43:49 +00:00
7a250f41ac
Update rte autocomplete styling ( #10503 )
...
* amend className to reflect usage
* move new class into file used by Send/Edit composers
* add border styling to autocomplete
2023-04-04 14:52:57 +01:00
6ac366ee5a
Style mentions as pills in rich text editor ( #10448 )
2023-04-03 10:16:29 +01:00
6f791d28c8
Add mentions as links to rte ( #10463 )
...
* adds autocomplete behaviour for mentions in rich text editor
* allows adding mentions as links
* adds tests
2023-03-31 14:14:55 +01:00
63678603e0
Revert "Mentions as links rte ( #10422 )" ( #10458 )
...
This reverts commit 1af71089dd
2023-03-27 12:57:05 +02:00
1af71089dd
Mentions as links rte ( #10422 )
...
* bumps the RTE dependency to introduce user/room mention handling
* adds autocomplete behaviour to allow users to insert user and room mentions as links
* sets up tests for the autocomplete behaviour
2023-03-24 17:07:24 +00:00
95223c87fe
Fix block code styling in rich text editor ( #10246 )
2023-02-28 10:08:53 +00:00
1ad16fbeae
Fix new line for inline code ( #10062 )
2023-02-02 15:49:50 +00:00
43e7870d92
Change ul list style to disc when editing message ( #10043 )
...
* ensures consistency between timeline, composer and "editor" composer
2023-02-02 09:09:52 +00:00
39f5fc034f
Paragraph integration for rich text editor ( #10008 )
...
* integrates paragraph refactor in rich text editor
* minor CSS changes to accomodate this
* bumps rich text editor version to 0.22.0
2023-01-31 09:45:34 +00:00
9dbc5f3773
Add quotes to rich text editor ( #9932 )
...
* bump rich text editor to 0.20.0
* add new svg for the button
* show the button
* make the composer display look like the timeline display
2023-01-20 10:55:46 +00:00
a63da74f06
Add code blocks to rich text editor ( #9921 )
...
* Applies small changes to code block display in timeline
* Makes the composer code block look like the timeline display, but without line numbers
* Adds a button to allow code blocks to be implemented
* Adds tests for the new button
2023-01-19 15:49:21 +00:00
314b2e7ba6
Add new style for inline code ( #9936 )
...
Add new style for inline code
2023-01-19 13:42:59 +00:00
8a2e386531
Add disabled button state to rich text editor ( #9930 )
...
* add disabled css state
* conditionally apply disabled css state
* hides disabled tooltips
2023-01-19 09:24:29 +00:00
6052db1e8a
Add list functionality to rich text editor ( #9871 )
...
* adds buttons to toggle bulleted and numbered lists on and off
* adds icons for those buttons
* css changes to timeline display
* adds tests for the new buttons, refactors existing tests
2023-01-13 15:44:35 +00:00
a691e634b0
Add edit and remove actions to link in RTE ( #9864 )
...
Add edit and remove actions to link in RTE
2023-01-11 10:10:55 +00:00
fe0273b1a6
Add link creation to rich text editor ( #9775 )
...
Add link creation to RTE
2022-12-23 11:34:15 +00:00
526645c791
Apply prettier formatting
2022-12-12 12:24:14 +01:00
dec72c7683
Use icon component instead of mask-image for formatting buttons ( #9732 )
...
Use icon component instead of mask-image for formatting buttons
2022-12-09 17:01:03 +01:00
73986faa7d
Add inline code to rich text editor ( #9720 )
...
Add inline code to rich text editor
2022-12-09 14:06:15 +01:00
7943f83858
Change formatting buttons behavior ( #9715 )
...
Change formatting buttons behaviour
2022-12-07 12:13:35 +01:00
7c63d52500
Add placeholder for rich text editor ( #9613 )
...
* Add placeholder for rich text editor
2022-11-24 10:31:56 +00:00
5ca9accce2
Improve design of the rich text editor ( #9533 )
...
New design for rich text composer
2022-11-04 15:36:50 +00:00
de51bfdcb5
Use flex-start instead of start in several places ( #9500 )
...
To keep webpack quiet about it, since apparently it has "mixed browser support".
2022-10-25 17:00:33 -06:00
4d9d07e7fd
Update date in header
2022-10-24 15:27:34 +02:00
5987a6889b
Add styling to editing
2022-10-20 17:31:17 +02:00
5e6d0f6404
Copy css for edition
2022-10-20 10:53:57 +02:00
David Langley