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

Fix viewer styling to adjust to upstream viewer changes #2221

Merged
merged 1 commit into from
May 17, 2022

Conversation

juliusknorr
Copy link
Member

Fixes #2190

While not nice, since the viewer added a position: relative; on the parent, this is currently the only way that we can overlay the viewer header and make the richdocuments frame full screen.

Signed-off-by: Julius Härtl <jus@bitgrid.net>
@juliusknorr juliusknorr added bug Something isn't working 3. to review Ready to be reviewed labels May 17, 2022
@juliusknorr
Copy link
Member Author

/backport to stable24

@juliusknorr
Copy link
Member Author

Filed nextcloud/viewer#1252 to discuss potential better options to let this styling be handled by the viewer itself.

@@ -337,6 +337,11 @@ export default {
flex-direction: column;
background-color: var(--color-main-background);
transition: opacity .25s;

.viewer & {
Copy link
Member

Choose a reason for hiding this comment

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

Is this & needed?

Copy link
Member

@julien-nc julien-nc May 17, 2022

Choose a reason for hiding this comment

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

@vinicius73 It does not works without it 😁 because #richdocuments-wrapper is not a parent of .viewer in the DOM.

This rule applies to #richdocuments-wrapper if found inside .viewer.

Copy link
Member

@julien-nc julien-nc left a comment

Choose a reason for hiding this comment

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

Works fine!

@@ -337,6 +337,11 @@ export default {
flex-direction: column;
background-color: var(--color-main-background);
transition: opacity .25s;

.viewer & {
Copy link
Member

@julien-nc julien-nc May 17, 2022

Choose a reason for hiding this comment

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

@vinicius73 It does not works without it 😁 because #richdocuments-wrapper is not a parent of .viewer in the DOM.

This rule applies to #richdocuments-wrapper if found inside .viewer.

@juliusknorr
Copy link
Member Author

/backport to stable24

@backportbot-nextcloud
Copy link

The backport to stable24 failed. Please do this backport manually.

@kkofler kkofler mentioned this pull request May 18, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
3. to review Ready to be reviewed bug Something isn't working
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Viewer integration broken on master
3 participants