sorb/ThreadNet-Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity
42,834 Commits 4 Branches 19 Tags
7a80ea4bbe95adec14abc79a5bb8206cda170e61
Commit Graph
126 Commits
Author SHA1 Message Date
Suguru HiraharaandGitHub 78a98415eb Set common width, white-space, and display values to MessageTimestamp (#8818) 
* Add mx_MessageTimestamp to mx_PinnedEventTile_timestamp

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Apply display: block globally to enable the width declaration

- Unset display and width value of timestamp on pinned messages card

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Apply nowrap globally

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* MessageTimestamp on ThreadsList - Remove width setting and add font-size setting

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove redundant font-size declaration from Threadview

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Fix timestamp position of timestamp on ThreadView in IRC layout

- GroupLayout is modern layout, not IRC layout

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove redundant font-size declaration from IRC layout

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove redundant color setting from timestamp on file panel

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Cancel the default width to set a gap between the event tile line

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Apply user-select: none globally

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-30 13:37:43 +02:00
Suguru HiraharaandGitHub d439871ea1 Move mx_EventTile_highlight out of mx_EventTile:not([data-layout=bubble]) (#8940) 
* Move mx_EventTile_highlight etc. out of mx_EventTile:not([data-layout=bubble])

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Set highlight text color globally

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-30 06:47:35 +02:00
Suguru HiraharaandGitHub 2571042480 Move style rules of GenericEventListSummary from _EventBubbleTile.scss to _GenericEventListSummary.scss (#8713) 
* Move declarations of mx_GenericEventListSummary to _GenericEventListSummary.scss

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Move declarations of mx_GenericEventListSummary[data-expanded=false] to _GenericEventListSummary.scss

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Move declarations of mx_GenericEventListSummary[data-expanded=true] to _GenericEventListSummary.scss

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* de-nestify style rules

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove a padding declaration for _EventBubbleTile.scss to set correct cascading order

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* GenericEventListSummary_toggle for ':not([data-layout=bubble])'

Stop setting margin values as default ones

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* GenericEventListSummary_avatars for ':not([data-layout=bubble])'

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Extract flexbox declarations into _GenericEventListSummary.scss

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Move declarations of '&[data-layout=bubble]' up

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Extract background color into _GenericEventListSummary.scss

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Merge style rules of background of EventTile_bad

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Move .mx_GenericEventListSummary_avatars block from _IRCLayout.scsss to _GenericEventListSummary.scss

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* de-nestify style rules

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Stop using :not() pseudo class

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-28 15:05:19 +02:00
Suguru HiraharaandGitHub 14a8b1e69e Set 100% max-width to display name on reply tiles (#8867) 2022-06-20 16:26:34 +02:00
Suguru HiraharaandGitHub 43f2ee4283 Fix reactions row overflow and gap between reactions (#8813) 2022-06-16 17:47:37 +00:00
Suguru HiraharaandGitHub 1188f1a508 Remove margin from E2E icon between avatar and hidden event (#8584) 
* Remove margin from warning E2E icon between an avatar and a hidden event

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Use a variable to ensure the same spacing around the E2E icon

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Apply the style to E2E icon

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Rename variables

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-15 09:50:35 -06:00
Suguru HiraharaandGitHub 68ce7bf35e Remove an obsolete style declaration of .mx_ReplyChain_show (#8743) 
It was added with https://github.com/matrix-org/matrix-react-sdk/pull/6291/files#diff-11808ff6468e6efa5982f414119fcc8a3a3eea4090b1a4ebda8ed6eae732418aR163

It has not been effective for unknown period, and since the layout of the area has changed, it should be able to be safely removed.

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-13 09:17:48 +02:00
Suguru HiraharaandGitHub 0d3fe300aa Enable background color on hover for chat panel and thread panel (#8644) 
* Enable background color on hover for chat panel and thread panel

- Display reactions row on hover
- Use variables

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Replace --BaseCard_EventTile-spacing-horizontal with --BaseCard_EventTile-spacing-inline

- horizontal: inline
- vertical: block

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* mx_EventTile.mx_EventTile_bad[data-layout=bubble] seems to require bubble layout

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* yarn run lint:style --fix

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-10 10:21:22 +02:00
Suguru HiraharaandGitHub 7c57680b93 Fix read avatars overflow from the right chat panel with a maximized widget on bubble message layout (#8470) 
* Fix RR overflow on the right chat panel

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Align with RR outside of info tile

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Use inset-inline property

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-02 02:43:07 +00:00
Suguru HiraharaandGitHub 12abbf4042 Prevent overflow of grid items on a bubble with UTD generally (#8697) 2022-05-27 10:41:53 +01:00
Suguru HiraharaandGitHub aef080ac80 Create 'Unable To Decrypt' grid layout for hidden events on a bubble layout (#8704) 2022-05-27 09:23:34 +01:00
Suguru HiraharaandGitHub dbd9911fe7 Align EventTile_line with display name on message bubble (#8692) 2022-05-25 14:08:43 +00:00
Suguru HiraharaandGitHub 8afb1abd36 Fix a grid blowout due to nowrap displayName on a bubble with UTD (#8688) 2022-05-25 06:50:36 +02:00
Suguru HiraharaandGitHub 412c207b23 Apply the same max-width to image tile on the thread timeline as message bubble (#8669) 2022-05-25 06:31:39 +02:00
Suguru HiraharaandGitHub 9f1bffcd34 Fix file button and audio player overflowing from message bubble (#8666) 
* Fix file button and audio player overflowing from message bubble

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Move '.mx_EventTile_image' to '.mx_EventTile_mediaLine'

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* yarn run lint:style --fix

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Use class names for now, adding a TODO comment

Remove unset as it is no longer required.

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-05-24 09:06:04 +02:00
Suguru HiraharaandGitHub 5446d5d6ba Fix position of wide images on IRC / modern layout (#8667) 
* Move declarations related to position from _MImageBody.scss to _EventTile.scss

These declarations should not be defined as default values as position depends on other factors such as layout, etc.

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Move min-height and min-width declarations from _MImageBody.scss to _EventTile.scss

Since min-height and min-width have been specified for bubble layout, the declarations have been expected to be applied to the other layouts.

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Apply 'justify-content: center' to bubble layout only

'justify-content: center' was added for the bubble layout with 1436f23. It should not be applied to the other layouts.

In order to prevent an issue related to cascading from happening, 'justify-content: flex-start' is explicitly specified.

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* yarn run lint:style --fix

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-05-23 09:02:13 +02:00
Suguru HiraharaandGitHub 11cb48176e Fix other user's displayName being wrapped on the bubble message layout (#8456) 2022-05-22 09:07:29 +02:00
Suguru HiraharaandGitHub 23babbb8ab Normalize inline spacing of image and file button on ThreadView (#8664) 2022-05-21 22:19:56 +02:00
Suguru HiraharaandGitHub 9b92eca73d Organize rules of GenericEventListSummary on bubble layout (#8599) 
* Organize - data-expanded=false

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Organize - data-expanded=true

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Organize - EventTile

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Dedupe mx_GenericEventListSummary[data-layout=bubble]

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* yarn run lint:style --fix

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-05-18 14:10:02 +01:00
Suguru HiraharaandGitHub 6f851108be Fix position of the message action bar on left side bubbles (#8398) 
* Fix position of the message action bar on data-self=false bubble

- Fix position of the bar on GenericEventListSummary as well
- Override default value `right: 8px` of MessageActionBar

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Use variables for MessageActionBar

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Set the right property to [data-self=true]

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove space for "React" and "Reply" buttons inside MessageActionBar on the left side bubble inside ThreadView

This commit removes space reserved for those buttons on deleted or "Unable to decrypt" message bubble inside ThreadView.

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-05-16 15:44:05 +00:00
Travis RalstonGitHubMichael Telatynski
 		bc0bfa6377 Iterate on search results for message bubbles (#7047) 
* PSFD-455: Iterate on search results for message bubbles

Though not perfect, this is a bit better than it was before. Specifically, we ensure our matching for `isOwnEvent` correctly identifies the user and that the results don't look *awful*. 

There's still room for improvement, but this should be a measurable improvement itself. Most notably, this doesn't fix a couple obvious bugs due to complexity:
* Message bubbles have the wrong corners for the display format (pre-existing).
* The sender's own messages are missing avatars/names. This is just way too complex to fix.

**Requires https://github.com/matrix-org/matrix-js-sdk/pull/2004**

* Tweak opacity

Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
 2022-05-13 15:20:43 +00:00
Šimon BrandnerandGitHub 1e73184b78 Improve message editing UI (#8483) 
* Improve message editing UI

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

* Remove weird padding on bubble layout

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2022-05-12 12:27:06 +02:00
Suguru HiraharaandGitHub 14127c777b Align thread summary button with bubble messages on the left side (#8388) 
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-05-10 18:01:46 +01:00
Suguru HiraharaandGitHub f08f764f22 Specify position of DisambiguatedProfile inside a thread on bubble message layout (#8452) 2022-05-03 14:28:17 +01:00
Suguru HiraharaandGitHub 483112950d Fix poll overflowing a reply tile on bubble message layout (#8459) 
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-05-02 08:36:59 +00:00
Suguru HiraharaandGitHub 7a0b3079be Fix event text overflow on bubble message layout (#8391) 
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-04-28 16:33:54 +00:00
Janne Mareike KoschinskiandGitHub 6120adaedd correctly align read receipts to state events in bubble layout (#8419) 2022-04-28 15:39:17 +02:00
Michael TelatynskiandGitHub 8baa46b0dd Fix baseline misalignment of thread panel summary by deduplication (#8413) 2022-04-27 18:10:27 +01:00
Janne Mareike KoschinskiandGitHub ee2ee3c08c Implement new Read Receipt design (#8389) 
* feat: introduce new alignment types for tooltip
* feat: introduce new hook for tooltips
* feat: allow using onFocus callback for RovingAccessibleButton
* feat: allow using custom class for ContextMenu
* feat: allow setting tab index for avatar
* refactor: move read receipts out of event tile
* feat: implement new read receipt design
* feat: update SentReceipt to match new read receipts as well
 2022-04-22 17:09:44 +02:00
Suguru HiraharaGitHubKerry
 		605fbd3e4e Remove float property to let the margin between events appear on bubble message layout (#8373) 
* Add margin between events on bubble message layout

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Use more simplified way

Because the float property prevents the margin from appearing, removing
the property is more straightforward than adding other rules.

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

Co-authored-by: Kerry <kerrya@element.io>
 2022-04-20 19:24:34 +00:00
Janne Mareike KoschinskiandGitHub 1436f23e2f Fix image preview sizing for edge cases (#8322) 2022-04-14 20:07:34 +02:00
KerryandGitHub 661e2c2aa5 Live location sharing - beacon map in timeline (#8286) 
* add displaystatus util

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

* map fallback svg

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

* add Map to mbeaconbody

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

* add bubble layout handling

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

* test beaconbody

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

* typo

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

* use randomString from js-sdk

Signed-off-by: Kerry Archibald <kerrya@element.io>
 2022-04-12 09:13:55 +01:00
RobinandGitHub af6bd63ac7 Fix some image/video scroll jumps (#8182) 
* Fix some image/video scroll jumps

* Fix aspect ratio formatting

* Fix videos not being responsive to timeline width
 2022-03-28 19:07:02 +00:00
Šimon BrandnerandGitHub bff1ef31d6 Use styled mxids in member list v2 (#8110) 
* Revert "Revert "Use styled mxids in member list (#6328)" (#8107)"

This reverts commit 709e6e78d2.

* Fix disambiguated profile for bubbles

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
 2022-03-22 16:14:55 -06:00
Michael TelatynskiandGitHub 71ddd9d78d Prevent event tiles being shrunk/collapsed by flexbox (#7942) 2022-03-02 14:24:43 +00:00
Michael TelatynskiandGitHub 714136d4f7 Consolidate RedactionGrouper and HiddenEventGrouper into MELS (#7739) 2022-02-09 10:51:12 +00:00
Michael TelatynskiandGitHub 18995363d0 Make polls fill column width in bubbles layout (#7661) 2022-02-01 09:27:14 +00:00
Michael TelatynskiandGitHub 074fec359b Fix issue with tile error boundaries collapsing in bubbles layout (#7653) 2022-01-27 13:34:26 +00:00
Michael TelatynskiGitHubJ. Ryan Stinnett
 		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 TelatynskiandGitHub fb49ccce35 Show bubble tile timestamps for bubble layout inside the bubble (#7622) 2022-01-25 13:10:17 +00:00
Michael TelatynskiandGitHub 777af0cf10 Bubble layout fixes to media events (#7615) 2022-01-24 19:01:20 +00:00
Michael TelatynskiandGitHub d60b234b75 Don't render a bubble around emotes in bubble layout (#7573) 2022-01-24 13:51:57 +00:00
RobinandGitHub 6806c2cdca Enlarge emoji in composer (#7602) 2022-01-24 12:53:05 +00:00
Michael TelatynskiandGitHub 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 TelatynskiandGitHub f217c6fd61 Update bubble layout styling for stickers (#7560) 2022-01-18 10:37:44 +00:00
Michael TelatynskiandGitHub 4b5ca1d7a9 Fix timeline jumping issues related to bubble layout (#7529) 2022-01-18 09:31:21 +00:00
Šimon BrandnerandGitHub cb42173e11 Make widgets and calls span across the whole room width when using bubble layout (#7553) 2022-01-17 10:01:31 +00:00
Michael TelatynskiandGitHub 657b0a4c28 Fix alignment of timestamps in bubble layout (#7535) 2022-01-13 22:45:54 +00:00
Michael TelatynskiandGitHub 6d9d9a56b4 Apply border-radius onto linear gradient in bubble layout (#7536) 2022-01-13 16:42:32 +00:00
Michael TelatynskiandGitHub 44b9b6ca57 Restore ability to click to lightbox image in bubble layout (#7533) 2022-01-13 12:45:35 +00:00