gorb/frontend
4
0
Fork 0
Code Issues 7 Pull requests 3 Projects Releases Packages 1 Wiki Activity Actions

UI refactor #24

Closed
twig wants to merge 0 commits from ui-refactor into main
pull from: ui-refactor
merge into: gorb:main
Conversation 2 Commits - Files changed - +70 -81
twig commented 2025-07-08 22:55:49 +00:00
Owner
Copy link

Massively refactored the UI

the client now uses a flexbox to contain the page, instead of a table. This makes the server, channel, and member list static in size, and makes the message area take up the rest. This makes the client feel way snappier when resizing the window (you're welcome looga)

this change was also necessary if we want the member list togglable, and channel list resizable.

due to this change a lot of sizes have changed from using dynamic units like dvh and dvw to use em instead, so that elements don't just float around when the window is resized.

this PR also fixes the horizontal text wrapping you've already fixed in another branch, due to the flexbox change. Fixes the member list properly taking up the entire screen height. Removes the transition duration from accidentally applying to all elements.

Massively refactored the UI the client now uses a flexbox to contain the page, instead of a table. This makes the server, channel, and member list static in size, and makes the message area take up the rest. This makes the client feel way snappier when resizing the window (you're welcome looga) this change was also necessary if we want the member list togglable, and channel list resizable. due to this change a lot of sizes have changed from using dynamic units like dvh and dvw to use em instead, so that elements don't just float around when the window is resized. this PR also fixes the horizontal text wrapping you've already fixed in another branch, due to the flexbox change. Fixes the member list properly taking up the entire screen height. Removes the transition duration from accidentally applying to *all* elements.
twig added the
Kind/Enhancement
 label 2025-07-08 22:55:49 +00:00
twig added 3 commits 2025-07-08 22:55:49 +00:00 
this makes the server, channel, and member list a constant size, making the text messages take up the entire remaining width
this also fixes the text wrapping you have already fixed on one of your branches

this change is required if we want to make the member list toggelable, or channel list resizable
this makes the client feel a LOT snappier
refactor: more dv to em
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
Details
ci/woodpecker/pr/build-and-publish Pipeline was successful
Details
5cdeb36200
requested review from sauceyred 2025-07-08 22:56:13 +00:00
twig added 1 commit 2025-07-08 23:04:55 +00:00
fix: remove accidental duplication of member list
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
Details
ci/woodpecker/pr/build-and-publish Pipeline was successful
Details
a6572c20f9 
this was for local testing, forgot to remove it
sauceyred added 1 commit 2025-07-10 09:46:34 +00:00
feat: increase width of channels and members lists
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
Details
ci/woodpecker/pr/build-and-publish Pipeline was successful
Details
ci/woodpecker/pull_request_closed/build-and-publish Pipeline was successful
Details
a1cd9c482c
sauceyred approved these changes 2025-07-10 09:47:07 +00:00
sauceyred left a comment
Owner
Copy link

Looks good. Made a change, let me know if you disagree.

Looks good. Made a change, let me know if you disagree.
twig commented 2025-07-10 13:51:50 +00:00
Author
Owner
Copy link

merged

merged
twig closed this pull request 2025-07-10 13:51:51 +00:00
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
Details
ci/woodpecker/pr/build-and-publish Pipeline was successful
Details
ci/woodpecker/pull_request_closed/build-and-publish Pipeline was successful
Details

Pull request closed

Please reopen this pull request to perform a merge.
Sign in to join this conversation.
Reviewers
No reviewers
sauceyred
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
Assignees
Clear assignees
No assignees
2 participants
Notifications
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#24
No description provided.
Delete branch "ui-refactor"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?