Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Initial implementation of tabs bar #1468

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Conversation

felipeerias
Copy link
Collaborator

@felipeerias felipeerias commented Jul 8, 2024

The Tabs Bar is a small window that sits next to the current window and which lists the open tabs.

There are two implementations in this PR:

  • HorizontalTabsBar on the top of the window
  • VerticalTabsBar on the side of the window

The Tabs Bar is managed by VRBrowserActivity.

SessionStore now keeps a list of session change listeners so the tabs bar can be updated. SessionChangeListener and TabDelegate are moved to separate files.

The location of tabs can be changed in Settings -> Display.

Note that Wolvic does not keep track of the relationship between windows and tabs. There is one single list of tabs that can be dynamically displayed on one or more windows. Unfortunately, this means that the interface tends to get a bit confusing when we have more than one window open.

Copy link
Member

@svillar svillar left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Haven't reviewed the code in detail yet but I have some comments

  1. Do we really want to have all those possibilities to show the tabs, I think we should select the best one and stick to it. Giving users too many options is not something I think is necessarily good
  2. The bar in horizontal mode is wider than the window
  3. The bar in horizontal mode hides the top bar widget which allows you to close windows
  4. The vertical mode does not look good in multiwindow mode IMO, it does overlap with multiple windows

Instead of having them permanently on top, what do you think about having a small UI element that when on hovered "unrolls" the tabs bar (either vertical or horizontal)?

@felipeerias
Copy link
Collaborator Author

Early video, to show the feature in action:

2024-10-02-tabs.mp4

@felipeerias
Copy link
Collaborator Author

I have updated the PR to hide the tabs bar when the window is being resized, and also to ensure that it updates its size correctly.

2024-10-03-tabs.mp4

@felipeerias felipeerias force-pushed the felipeerias/tabs branch 2 times, most recently from 1c3428e to 3fccc3e Compare October 15, 2024 07:05
@felipeerias
Copy link
Collaborator Author

I have fixed the interplay between the horizontal tabs bar and the TopBarWidget.

Regarding the vertical tabs bar, at the moment my idea is to simply move the unfocused window slightly to the left to make space for it. Something like this:

image

The Tabs Bar is a small window that sits next to the current window
and which lists the open tabs.

There are two implementations:
  - HorizontalTabsBar on the top of the window
  - VerticalTabsBar on the side of the window

The Tabs Bar is managed by VRBrowserActivity.

SessionStore now keeps a list of session change listeners.

TabDelegate is moved to a separate interface.

The current tabs style can be changed in Settings -> Display.

WindowViewModel gets three new fields:
- isTabsBarVisible
- usesHorizontalTabsBar
- usesVerticalTabsBar

TopBarWidget uses two of these fields to update its placement
so as to not overlap with the tabs bar.

Note that we don't (yet) link windows and tabs, so the interface
gets a bit confusing when we have more than one window open.
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