Skip to content

feat: Header and Contextualbar size improvements#32292

Merged
juliajforesti merged 46 commits intofeat/new-navigationfrom
feat/room-header
Jun 14, 2024
Merged

feat: Header and Contextualbar size improvements#32292
juliajforesti merged 46 commits intofeat/new-navigationfrom
feat/room-header

Conversation

@juliajforesti
Copy link
Copy Markdown
Contributor

@juliajforesti juliajforesti commented Apr 22, 2024

SIDE-17
SIDE-18
SIDE-19
SIDE-22
SIDE-55
SIDE-74
SIDE-84

Proposed changes (including videos or screenshots)

  • update paddings, heights and typography from: RoomHeader, ContextualbarHeader and ContextualbarFooter
  • remove different spacing from contextualbar expanded
  • move room topic into RoomBanner
  • move room leader into RoomBanner
  • new AnnouncementBanner using RoomBanner component
  • bump fuselage with changes:
    -Sidebar header size
    • Contextualbar header size
    • Contextualbar footer spacing
    • Contextualbar search section

image
image
image
image

Issue(s)

Steps to test or reproduce

Further comments

@changeset-bot
Copy link
Copy Markdown

changeset-bot bot commented Apr 22, 2024

🦋 Changeset detected

Latest commit: 0a6c81b

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 34 packages
Name Type
@rocket.chat/ui-client Major
@rocket.chat/i18n Minor
@rocket.chat/meteor Minor
@rocket.chat/gazzodown Major
@rocket.chat/web-ui-registration Major
@rocket.chat/mock-providers Patch
@rocket.chat/ui-contexts Major
@rocket.chat/fuselage-ui-kit Major
@rocket.chat/livechat Patch
@rocket.chat/ui-avatar Major
@rocket.chat/ui-video-conf Major
@rocket.chat/uikit-playground Patch
@rocket.chat/ddp-streamer Patch
@rocket.chat/omnichannel-transcript Patch
@rocket.chat/core-typings Minor
@rocket.chat/rest-typings Minor
@rocket.chat/apps Patch
@rocket.chat/core-services Patch
@rocket.chat/cron Patch
@rocket.chat/model-typings Patch
@rocket.chat/account-service Patch
@rocket.chat/authorization-service Patch
@rocket.chat/presence-service Patch
@rocket.chat/queue-worker Patch
@rocket.chat/stream-hub-service Patch
@rocket.chat/api-client Patch
@rocket.chat/license Patch
@rocket.chat/omnichannel-services Patch
@rocket.chat/pdf-worker Patch
@rocket.chat/presence Patch
rocketchat-services Patch
@rocket.chat/ddp-client Patch
@rocket.chat/models Patch
@rocket.chat/instance-status Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@codecov
Copy link
Copy Markdown

codecov bot commented Apr 22, 2024

Codecov Report

Attention: Patch coverage is 41.25000% with 47 lines in your changes missing coverage. Please review.

Project coverage is 56.46%. Comparing base (afa560d) to head (0a6c81b).
Report is 1 commits behind head on feat/new-navigation.

Additional details and impacted files

Impacted file tree graph

@@                   Coverage Diff                   @@
##           feat/new-navigation   #32292      +/-   ##
=======================================================
+ Coverage                56.43%   56.46%   +0.03%     
=======================================================
  Files                     2455     2458       +3     
  Lines                    54098    54122      +24     
  Branches                 11149    11156       +7     
=======================================================
+ Hits                     30529    30560      +31     
+ Misses                   20909    20901       -8     
- Partials                  2660     2661       +1     
Flag Coverage Δ
e2e 56.29% <55.93%> (+0.09%) ⬆️
unit 71.79% <0.00%> (-0.12%) ⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

@dionisio-bot
Copy link
Copy Markdown
Contributor

dionisio-bot bot commented Apr 23, 2024

Looks like this PR is not ready to merge, because of the following issues:

  • This PR is missing the 'stat: QA assured' label

Please fix the issues and try again

If you have any trouble, please check the PR guidelines

@juliajforesti juliajforesti marked this pull request as ready for review April 24, 2024 18:00
@juliajforesti juliajforesti requested a review from a team as a code owner April 24, 2024 18:00
@juliajforesti juliajforesti changed the title chore: update RoomHeader sizes feat: update RoomHeader sizes Apr 24, 2024
@juliajforesti juliajforesti marked this pull request as draft April 24, 2024 19:18
@juliajforesti juliajforesti changed the title feat: update RoomHeader sizes feat: new Header and Contextualbar sizes Apr 25, 2024
@juliajforesti juliajforesti changed the title feat: new Header and Contextualbar sizes feat: Header and Contextualbar size improvements Apr 26, 2024
@juliajforesti juliajforesti requested a review from dougfabris June 3, 2024 13:57
@juliajforesti juliajforesti added this to the 6.10 milestone Jun 13, 2024
@juliajforesti juliajforesti changed the base branch from develop to feat/new-navigation June 13, 2024 17:48
@dougfabris dougfabris marked this pull request as ready for review June 14, 2024 16:19
@juliajforesti juliajforesti merged commit 8ed397c into feat/new-navigation Jun 14, 2024
@juliajforesti juliajforesti deleted the feat/room-header branch June 14, 2024 16:37
juliajforesti added a commit that referenced this pull request Jul 4, 2024
* chore: update Room Header paddings and sizes

* feat(ui-client): `HeaderSubContent` component

* chore: move topic and leader to `RoomHeader` sub content

* chore: delete deprecated `LeaderBar`

* feat: `HeaderSection`

* fix: lint

* fix test

* chore: room not found and skeleton adjustments

* feat: new `Contextualbar` sizes

* fix: HeaderContentRow width

* feat: Header and SearchList heights

* bump fuselage@dev

* feat: `TeamsChannels` search section

* move HeaderSection inside RoomBody (wip)

* chore: improve animation

* feat: remove neg margin from HeaderSection

* chore: rename hook

* remove imports

* feat: `RoomHeaderSection` component

* feat: `AnnouncementBanner`

* feat: `RoomBanner` component

* chore: rename

* test: RoomBanner selectors

* fix test

* feat: `Add topic` section on banner

* chore: changeset

* fix icons version with fuselage@dev

* chore: refinement

* review

* chore: RoomLeader icon title

* chore: `ComposerUserActionIndicator` size and typography changes

* Update apps/meteor/client/views/room/RoomAnnouncement/AnnouncementComponent.tsx

Co-authored-by: Douglas Fabris <devfabris@gmail.com>

* chore: `RoomBannerContent` padding

* Update packages/ui-client/src/components/RoomBanner/RoomBanner.tsx

Co-authored-by: Douglas Fabris <devfabris@gmail.com>

* chore: import tweaks

* bump fuselage

* fix banner locator

* test: truncated width

---------

Co-authored-by: Douglas Fabris <devfabris@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants