Skip to content

Comments

fix: respect opened sidebar when showing the Viewer#3058

Merged
nickvergessen merged 3 commits intomasterfrom
fix/3047/better-sidebar-support
Feb 6, 2026
Merged

fix: respect opened sidebar when showing the Viewer#3058
nickvergessen merged 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

@nickvergessen nickvergessen merged commit 92cea88 into master Feb 6, 2026
34 of 51 checks passed
@nickvergessen nickvergessen deleted the fix/3047/better-sidebar-support branch February 6, 2026 09:54
@backportbot backportbot bot removed the backport-request Pending backport by the backport-bot label Feb 6, 2026
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 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

3 participants