Skip to content

fix: respect opened sidebar when showing the Viewer#3058

Open
Antreesy wants to merge 3 commits intomasterfrom
fix/3047/better-sidebar-support
Open

fix: respect opened sidebar when showing the Viewer#3058
Antreesy wants to merge 3 commits intomasterfrom
fix/3047/better-sidebar-support

Conversation

@Antreesy
Copy link
Contributor

fix: respect opened sidebar when showing the Viewer

  • some apps might have sidebar open when calling Viewer, so initial state should be considered
  • this also goes for constantly rendered sidebars with v-show

fix: maintain app content width when opening Viewer

  • with 'position: fixed' sidebar is ripped out of flex container and main content fills the space before modal is rendered (that is visible to end users)
  • this also respects having app navigation open/closed (did not test without navigation though)

- some apps might have sidebar open when calling Viewer, so initial state should be considered
- this also goes for constantly rendered sidebars with v-show

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
- with 'position: fixed' sidebar is ripped out of flex container and main content fills the space before modal is rendered (that is visible to end users)
- this also respects having app navigation open/closed (did not test without navigation though)

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
@Antreesy Antreesy added this to the Nextcloud 34 milestone Jan 30, 2026
@Antreesy Antreesy requested review from ShGKme and susnux January 30, 2026 15:48
@Antreesy Antreesy self-assigned this Jan 30, 2026
@Antreesy Antreesy added bug Something isn't working 3. to review Waiting for reviews labels Jan 30, 2026
Comment on lines +1430 to +1438
.app-navigation ~ #app-content-vue:has(~ #app-sidebar-vue:not([style*="display: none"])) {
flex-basis: calc(100% - 300px - clamp(300px, 27vw, 500px));
}

#app-content-vue:first-child:has(~ #app-sidebar-vue:not([style*="display: none"])),
.app-navigation--closed ~ #app-content-vue:has(~ #app-sidebar-vue:not([style*="display: none"])) {
flex-basis: calc(100% - clamp(300px, 27vw, 500px));
}

Copy link
Contributor

Choose a reason for hiding this comment

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

Styles look expensive. But I do not see a cheaper way

@Antreesy
Copy link
Contributor Author

Antreesy commented Feb 5, 2026

/backport to stable33

@backportbot backportbot bot added the backport-request Pending backport by the backport-bot label Feb 5, 2026
@Antreesy
Copy link
Contributor Author

Antreesy commented Feb 5, 2026

Need a force merge here, I guess?

@susnux
Copy link
Contributor

susnux commented Feb 5, 2026

Need a force merge here, I guess?

Guess so

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

3. to review Waiting for reviews backport-request Pending backport by the backport-bot bug Something isn't working

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Chat is pushed to the right when opening viewer

2 participants