mirror of
https://github.com/element-hq/element-web
synced 2024-11-26 19:26:04 +03:00
cf8b87fd14
* Create new method for header button behaviour With the introduction of tabs, the behaviour of the header buttons is changed as follows: - Close any right panel if open - Open the correct right panel if no panel was open before The old method (and behaviour) is retained as showOrHidePhase. * Implement tabs in the right panel There are three tabs: Info, People and Threads * Remove unwanted code from RoomSummaryCard - Remove the menu item for opening the memberlist since that is now taken of by the tabs. - Remove the close button * Remove code for focusing close button from tac item See https://github.com/matrix-org/matrix-react-sdk/pull/12410 There's no longer a close button to focus so we instead focus the thread tab. This is done in RightPaneltabs.tsx so we just need to remove this code. * Introduce a room info icon to the header This was previously present in the legacy room header but not in the new header. * BaseCard changes - Adds id, ariaLabelledBy and role props to implement tab accessibility. - Adds hideHeaderButtons prop to hide header buttons (think back and close buttons). - Change confusing header rendering code: header is not rendered ONLY when no header is passed AND hideHeaderButtons is true. * Refactor repeated code into function Created a new function createSpaceScopeHeader which returns the component if the room is a space room. Previously this code was duplicated in every component that uses SpaceScopeHeader component. * Pass BaseCard attributes and use helper function Actually using the code from the last two commits * Add, update and remove tests/screenshots/snapshots * Fix distance between search bar and tabs * Update compound * Update screenshots/snapshots |
||
|---|---|---|
| .. | ||
| @types | ||
| __snapshots__ | ||
| accessibility | ||
| actions/handlers | ||
| audio | ||
| autocomplete | ||
| components | ||
| contexts | ||
| dispatcher | ||
| editor | ||
| events | ||
| hooks | ||
| i18n | ||
| images | ||
| img | ||
| models | ||
| modules | ||
| notifications | ||
| settings | ||
| setup | ||
| stores | ||
| test-utils | ||
| toasts | ||
| utils | ||
| voice-broadcast | ||
| widgets | ||
| Avatar-test.ts | ||
| ContentMessages-test.ts | ||
| createRoom-test.ts | ||
| DecryptionFailureTracker-test.ts | ||
| DeviceListener-test.ts | ||
| email-test.ts | ||
| globalSetup.ts | ||
| HtmlUtils-test.tsx | ||
| Image-test.ts | ||
| KeyBindingsManager-test.ts | ||
| languageHandler-test.tsx | ||
| LegacyCallHandler-test.ts | ||
| Lifecycle-test.ts | ||
| linkify-matrix-test.ts | ||
| Markdown-test.ts | ||
| MatrixClientPeg-test.ts | ||
| MediaDeviceHandler-test.ts | ||
| Modal-test.ts | ||
| Notifier-test.ts | ||
| PosthogAnalytics-test.ts | ||
| predictableRandom.ts | ||
| PreferredRoomVersions-test.ts | ||
| Reply-test.ts | ||
| RoomNotifs-test.ts | ||
| Rooms-test.ts | ||
| ScalarAuthClient-test.ts | ||
| SdkConfig-test.ts | ||
| SecurityManager-test.ts | ||
| setupTests.ts | ||
| SlashCommands-test.tsx | ||
| SlidingSyncManager-test.ts | ||
| slowReporter.js | ||
| submit-rageshake-test.ts | ||
| Terms-test.tsx | ||
| TestSdkContext.ts | ||
| TextForEvent-test.ts | ||
| theme-test.ts | ||
| Unread-test.ts | ||
| UserActivity-test.ts | ||
| useTopic-test.tsx | ||
| WorkerManager-test.ts | ||