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

UI/UX issues with the reading list #1078

Closed
veloman-yunkan opened this issue Apr 8, 2024 · 13 comments · Fixed by #1079
Closed

UI/UX issues with the reading list #1078

veloman-yunkan opened this issue Apr 8, 2024 · 13 comments · Fixed by #1079
Assignees
Labels
enhancement UI User Interface
Milestone

Comments

@veloman-yunkan
Copy link
Collaborator

veloman-yunkan commented Apr 8, 2024

Currently the reading list is implemented as a sidebar of fixed width in a content tab. When switching to another tab the reading list disappears (and is not restored when returning to the same tab). The sidebar nature of the reading list suggests that selecting a bookmark should load it in the current tab, yet a new tab is opened instead.

The reading list cannot be opened (directly) while on the library tab (the workaround is to open a new empty tab, whereupon the reading list button is activated, but, again, the empty tab is not used to display the target of the bookmark).

@sgourdas
Copy link
Contributor

sgourdas commented Apr 8, 2024

@veloman-yunkan is the expected behavior for the reading list to stay attached to the tab in which it was opened from, until closed by the user?
e.g.

  • Open tab x
  • From tab x, open the reading list
  • Open an item from the reading list (by default to a new tab y)
  • Returning to tab x the reading list is still open or closed?

@sgourdas
Copy link
Contributor

sgourdas commented Apr 8, 2024

Please discard my last comment.

You want the behavior to be that:

  • The reading list selected item is opened in the current tab
  • The reading list should stay open if the user navigates to a different tab and back to the one that he opened the list in

Correct?

@kelson42
Copy link
Collaborator

kelson42 commented Apr 8, 2024

Here is the only visual input we have as guidance:
image

Here my remarks:

  • We can see the quite high visual difference between what we have and the goal!
  • The reading list side should not conceptually or from a user perspective depend from a tab
  • It should be kept open whatever what we do with tabs
  • Opening a bookmark should open in current tab or in a new tab if double-click (mouse middle-click)
  • Regarding handling around library tab: I would just hide the sidebar when displaying library tab and display it otherwise.

@kelson42 kelson42 added enhancement UI User Interface labels Apr 8, 2024
@kelson42 kelson42 added this to the 2.5.0 milestone Apr 8, 2024
@sgourdas
Copy link
Contributor

@kelson42 I have made a PR implementing the pinning of the reading list.

Regarding your 4th point

Opening a bookmark should open in current tab or in a new tab if double-click (mouse middle-click)

For me at least, on the current implementation, when single or middle clicking on a reading list element, nothing happens. The only thing that works is double clicking, where the element is opened in a new tab. Do we want to change this?

@kelson42 kelson42 modified the milestones: 2.5.0, 2.4.0 Apr 14, 2024
@kelson42
Copy link
Collaborator

Opening a bookmark should open in current tab or in a new tab if double-click (mouse middle-click)

For me at least, on the current implementation, when single or middle clicking on a reading list element, nothing happens. The only thing that works is double clicking, where the element is opened in a new tab. Do we want to change this?

Indeed:

  • Simple click should open in current tab
  • Double-click AND middle-mouse-clikc should open in new tab

@veloman-yunkan
Copy link
Collaborator Author

  • Regarding handling around library tab: I would just hide the sidebar when displaying library tab and display it otherwise.

@kelson42 What's the problem with displaying the reading list alongside the library tab?

@sgourdas
Copy link
Contributor

@veloman-yunkan essentially the side panel of the library tab and the reading list is the same element with different contents, so despite cluttering I think it would be weird to implement

@veloman-yunkan
Copy link
Collaborator Author

@sgourdas I thought so too when I was about to raise my concern, but I checked and it seems that it's not the case:

<widget class="ContentManagerSide" name="contentmanagerside">
<property name="sizePolicy">
<sizepolicy hsizetype="Fixed" vsizetype="Preferred">
<horstretch>0</horstretch>
<verstretch>0</verstretch>
</sizepolicy>
</property>
</widget>
<widget class="ReadingListBar" name="readinglistbar"/>

@veloman-yunkan
Copy link
Collaborator Author

@sgourdas I thought so too when I was about to raise my concern, but I checked and it seems that it's not the case:

<widget class="ContentManagerSide" name="contentmanagerside">
<property name="sizePolicy">
<sizepolicy hsizetype="Fixed" vsizetype="Preferred">
<horstretch>0</horstretch>
<verstretch>0</verstretch>
</sizepolicy>
</property>
</widget>
<widget class="ReadingListBar" name="readinglistbar"/>

Ok, now I see why I was wrong.

$ grep -w sideBar src/mainwindow.cpp 
    mp_ui->sideBar->setCurrentWidget(mp_ui->contentmanagerside);
        mp_ui->sideBar->setCurrentWidget(mp_ui->readinglistbar);
        mp_ui->sideBar->show();
        mp_ui->sideBar->hide();
        mp_ui->sideBar->setCurrentWidget(mp_ui->contentmanagerside);
        mp_ui->sideBar->show();
        mp_ui->sideBar->hide();

@sgourdas
Copy link
Contributor

Yes, both elements are loaded on the sideBar so I am not sure how we would get around that in a simple way

@veloman-yunkan
Copy link
Collaborator Author

They can simply be displayed side by side rather than in a stacked widget. @kelson42 What do you think about it?

@kelson42
Copy link
Collaborator

@veloman-yunkan @sgourdas Does this PR needs a new review?

@veloman-yunkan
Copy link
Collaborator Author

@kelson42 Review done

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement UI User Interface
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants