Improve chat look #65

Open

sauceyred wants to merge 17 commits from improve-chat-look into main

pull from: improve-chat-look

merge into: gorb:main

gorb:main

gorb:navbar

gorb:temmie-random-cleanup

gorb:modal-polish

gorb:profile-modal-polish

gorb:context-menu-ban-kick

gorb:websocket-rewrite

gorb:permissions-management

gorb:fix-members-list-fetch

gorb:members-list-pagination

gorb:fix/old-messages-loading

gorb:invite-page

gorb:staging

gorb:server-side-token

gorb:device-list

gorb:dev

gorb:tauri

gorb:multiline-message-box

gorb:ui-refactor

gorb:home-page

gorb:usable-msesage-box-derogatory

gorb:improve-theming

gorb:back-button

Conversation 5 Commits 17 Files changed 10 +113 -118

sauceyred commented 2025-08-07 04:04:01 +00:00

Owner

Copy link

No description provided.

sauceyred added the

Kind/Enhancement

Priority

Low

labels 2025-08-07 04:04:01 +00:00

sauceyred self-assigned this 2025-08-07 04:04:01 +00:00

sauceyred added 3 commits 2025-08-07 04:04:01 +00:00

feat: make sure every media is embedded in messages and only hide text if it's composed only of links d5f1ecfd26

style(ui): improve styling of media-embedded messages 31b0d2e7eb

style(ui): improve styling of Message component ... 02479072f6

- increase profile picture size
- improve vertical and horizontal centering
- improve the way margins and gaps are styled
- adjust grid CSS

sauceyred added this to the Frontend MVP project 2025-08-07 04:04:02 +00:00

requested review from twig 2025-08-07 04:04:07 +00:00

sauceyred changed title from improve-chat-look to Improve chat look 2025-08-07 17:48:13 +00:00

twig added 1 commit 2025-08-07 20:20:41 +00:00

refactor: message component a646279b46

twig approved these changes 2025-08-07 20:20:54 +00:00

Dismissed

sauceyred added 2 commits 2025-08-10 23:13:14 +00:00

style(ui): add padding to all messages and remove margin from grouped messages a5f0576a12

style(ui): decrease bottom padding for messages div f38f26a602

sauceyred added 1 commit 2025-08-11 01:08:53 +00:00

style(ui): add padding-top for grouped message date to be center-aligned vertically with the first line of the text message d1161cc096

requested review from twig 2025-08-11 01:09:29 +00:00

twig added 4 commits 2025-08-11 01:34:37 +00:00

style: increase message padding to make highlight more pleasant 26ef3671e9

style: make highlight radius themable 55ce7fea45

style: update theme colours 82502d99ef

Merge remote-tracking branch 'origin/improve-chat-look' into improve-chat-look d76abd428c

twig added 1 commit 2025-08-11 01:40:48 +00:00

style: update ash theme c95f13ff18

sauceyred added 1 commit 2025-08-11 02:43:46 +00:00

fix(ui): media cutting off and causing horizontal scroll bar when overflowing, turn flex-direction to column instead 5a15bd5ddb

twig added 3 commits 2025-08-11 20:32:17 +00:00

chore: remove unused function? 2d8516885d

chore: clean up Message component instancing in MessageArea 8a77cb9a1d

Merge remote-tracking branch 'origin/improve-chat-look' into improve-chat-look 01423951bc

twig added 1 commit 2025-08-11 21:02:04 +00:00

fix(ui): use css instead of javascript to prevent cutting off media 53ec803f2c

twig approved these changes 2025-08-12 15:07:13 +00:00

sauceyred commented 2025-08-13 17:37:05 +00:00

Author

Owner

Copy link

Why the theme color swaps?

Why the theme color swaps?

twig commented 2025-08-13 17:37:56 +00:00

Owner

Copy link

@sauceyred wrote in #65 (comment):

Why the theme color swaps?

i just think they look better, the lighter chat area draws your eyes to it instead of the navbar channel and member list, you get the idea

@sauceyred wrote in https://git.gorb.app/gorb/frontend/pulls/65#issuecomment-1256: > Why the theme color swaps? i just think they look better, the lighter chat area draws your eyes to it instead of the ~~navbar~~ channel and member list, you get the idea

sauceyred commented 2025-08-13 17:46:27 +00:00

Author

Owner

Copy link

@twig wrote in #65 (comment):

@sauceyred wrote in #65 (comment):

Why the theme color swaps?

i just think they look better, the lighter chat area draws your eyes to it instead of the navbar

Fair enough, just gonna take a bit to get used to lmao

@twig wrote in https://git.gorb.app/gorb/frontend/pulls/65#issuecomment-1257: > @sauceyred wrote in #65 (comment): > > > Why the theme color swaps? > > i just think they look better, the lighter chat area draws your eyes to it instead of the navbar Fair enough, just gonna take a bit to get used to lmao

All checks were successful

Hide all checks

ci/woodpecker/push/build-and-publish Pipeline was successful

Details

ci/woodpecker/pr/build-and-publish Pipeline was successful

Details

This pull request can be merged automatically.

This branch is out-of-date with the base branch

You are not authorized to merge this pull request.

View command line instructions

Checkout

From your project repository, check out a new branch and test the changes.

git fetch -u origin improve-chat-look:improve-chat-look

git checkout improve-chat-look

Merge

Merge the changes and update on Forgejo.

Warning: The "Autodetect manual merge" setting is not enabled for this repository, you will have to mark this pull request as manually merged afterwards.

git checkout main

git merge --no-ff improve-chat-look

git checkout improve-chat-look

git rebase main

git checkout main

git merge --ff-only improve-chat-look

git checkout improve-chat-look

git rebase main

git checkout main

git merge --no-ff improve-chat-look

git checkout main

git merge --squash improve-chat-look

git checkout main

git merge --ff-only improve-chat-look

git checkout main

git merge improve-chat-look

git push origin main

Sign in to join this conversation.

Reviewers

No reviewers

twig

Labels

Clear labels   

Compat/Breaking

Breaking change that won't be backward compatible

  

Kind/Bug

Something is not working

  

Kind/Documentation

Documentation changes

  

Kind/Enhancement

Improve existing functionality

  

Kind/Feature

New functionality

  

Kind/Security

This is security issue

  

Kind/Testing

Issue or pull request related to testing

  

Priority

Critical

The priority is critical

  

Priority

High

The priority is high

  

Priority

Low

The priority is low

  

Priority

Medium

The priority is medium

  

Reviewed

Confirmed

Issue has been confirmed

  

Reviewed

Duplicate

This issue or pull request already exists

  

Reviewed

Invalid

Invalid issue

  

Reviewed

Won't Fix

This issue won't be fixed

  

Status

Abandoned

Somebody has started to work on this but abandoned work

  

Status

Blocked

Something is blocking this issue or pull request

  

Status

Need More Info

Feedback is required to reproduce issue or to continue work

  

WIP

Not yet ready

No labels

Compat/Breaking

Kind/Bug

Kind/Documentation

Kind/Enhancement

Kind/Feature

Kind/Security

Kind/Testing

Priority

Critical

Priority

High

Priority

Low

Priority

Medium

Reviewed

Confirmed

Reviewed

Duplicate

Reviewed

Invalid

Reviewed

Won't Fix

Status

Abandoned

Status

Blocked

Status

Need More Info

WIP

Milestone

Clear milestone

No items

No milestone

Projects

Clear projects

No items

No project

Frontend MVP

Assignees

Clear assignees

No assignees

sauceyred

2 participants

Notifications

Subscribe

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: gorb/frontend#65

No description provided.