sankalp/Modus
1
0 Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Vertical panel layout #1

New Issue
Closed
opened 2025-02-25 17:40:18 +00:00 by baduhai · 8 comments
baduhai commented 2025-02-25 17:40:18 +00:00 (Migrated from github.com)
Copy link
Copy source

Clear and concise description of the problem

Using horizontal panels on ultrawide monitors is extremely cumbersome. It boils down to two problems:

  1. It takes up precious vertical real estate, which is what you have the least of in an ultrawide.
  2. It wastes horizontal real estate, as all components on the panel are very far from each other, leaving a lot of blank space in between.

Suggested solution

Having a vertical layout, where the panel is either on the left or right side of the display solves both the issues mentioned above, not to mention it also adds the option even to users who aren't on ultrawides, but still wish to use a vertical panel.

Alternative

An alternative would be to still have a horizontal panel, but it is limited in width. This solves the problem of panel elements being very far from each other, but still leaves the other mentioned issue unaddressed.

Additional context

No response

Validations

### Clear and concise description of the problem Using horizontal panels on ultrawide monitors is extremely cumbersome. It boils down to two problems: 1. It takes up precious vertical real estate, which is what you have the least of in an ultrawide. 1. It wastes horizontal real estate, as all components on the panel are very far from each other, leaving a lot of blank space in between. ### Suggested solution Having a vertical layout, where the panel is either on the left or right side of the display solves both the issues mentioned above, not to mention it also adds the option even to users who aren't on ultrawides, but still wish to use a vertical panel. ### Alternative An alternative would be to still have a horizontal panel, but it is limited in width. This solves the problem of panel elements being very far from each other, but still leaves the other mentioned issue unaddressed. ### Additional context _No response_ ### Validations - [x] Follow our [Code of Conduct](https://github.com/S4NKALP/.github/blob/main/CODE_OF_CONDUCT.md) - [x] Read the [Contributing Guide](https://github.com/S4NKALP/.github/blob/main/CONTRIBUTING.md). - [x] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
S4NKALP commented 2025-02-26 05:39:47 +00:00 (Migrated from github.com)
Copy link
Copy source

I don't think I'll work on that since I don't have an ultrawide monitor and I don't like vertical bars.

I don't think I'll work on that since I don't have an ultrawide monitor and I don't like vertical bars.
baduhai commented 2025-02-26 13:54:18 +00:00 (Migrated from github.com)
Copy link
Copy source

Fair enough. Your original comment was a lot more encouraging though 😅

Fair enough. Your original comment was a lot more encouraging though 😅
S4NKALP commented 2025-02-26 16:15:20 +00:00 (Migrated from github.com)
Copy link
Copy source

Haha, if I start working on a vertical bar, I'll probably mess up the CSS since I need to make it work for both vertical and horizontal layouts—and I'm not great at it.

Haha, if I start working on a vertical bar, I'll probably mess up the CSS since I need to make it work for both vertical and horizontal layouts—and I'm not great at it.
S4NKALP commented 2025-02-28 12:51:34 +00:00 (Migrated from github.com)
Copy link
Copy source

@baduhai

I will push this to another branch (vertical-bar) once it's complete.

Image

@baduhai I will push this to another branch (vertical-bar) once it's complete. ![Image](https://github.com/user-attachments/assets/3aad52c5-3fd4-4911-8681-3eafd17231fc)
❤️ 1
baduhai commented 2025-02-28 13:12:39 +00:00 (Migrated from github.com)
Copy link
Copy source

It's beautiful!

It's beautiful!
S4NKALP commented 2025-03-01 16:46:29 +00:00 (Migrated from github.com)
Copy link
Copy source

@baduhai, you can now check the vertical-bar branch
Your feedback is highly appreciated.

@baduhai, you can now check the [vertical-bar branch](https://github.com/S4NKALP/Modus/tree/vertical-bar) Your feedback is highly appreciated.
baduhai commented 2025-03-01 16:57:23 +00:00 (Migrated from github.com)
Copy link
Copy source

I'm away from my computer for a few days, but I'll check it out as soon as I'm back! Thank you!

I'm away from my computer for a few days, but I'll check it out as soon as I'm back! Thank you!
S4NKALP commented 2025-03-01 17:00:16 +00:00 (Migrated from github.com)
Copy link
Copy source

closing this issue!!

closing this issue!!
Sign in to join this conversation.
No Branch/Tag Specified
Labels
Clear labels
bug
Something isn't working
 core
dependencies
Pull requests that update a dependency file
 documentation
Improvements or additions to documentation
 duplicate
This issue or pull request already exists
 enhancement
New feature or request
 github_actions
Pull requests that update GitHub Actions code
 good first issue
Good for newcomers
 help wanted
Extra attention is needed
 invalid
This doesn't seem right
 python
Pull requests that update python code
 python:uv
Pull requests that update python:uv code
 question
Further information is requested
 wontfix
This will not be worked on
No labels enhancement help wanted
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
sankalp (Sankalp Tharu)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: sankalp/Modus#1