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

About Page with sidebar viewed on a wide screen results in content shifting far down the page #8083

Closed
tylermorganwall opened this issue Jan 2, 2024 · 0 comments
Assignees
Labels
bug Something isn't working websites Issues creating websites
Milestone

Comments

@tylermorganwall
Copy link

tylermorganwall commented Jan 2, 2024

Bug description

The About page content is shifted far down the page when a theme is selected and a sidebar is present.

Steps to reproduce

Minimal reprex quarto repository at:

https://github.com/tylermorganwall/quarto-issue-about-page

Expected behavior

The content should be at the top of the "About" page.

Actual behavior

The content is shifted down by the following element:

<div id="quarto-sidebar-glass" class="quarto-sidebar-collapse-item" data-bs-toggle="collapse" data-bs-target=".quarto-sidebar-collapse-item"></div>

If this element is clicked three times, it collapses and the about page content shifts back upwards.

See screenshot below:

Screenshot 2024-01-01 at 10 29 12 PM

Your environment

Behavior confirmed on the release version of Quarto and the latest dev version on github.

  • IDE: RStudio (2023.12.0 Build 369)
  • Tested and confirmed on Safari (18614.4.6.1.6), Chrome (120.0.6099.129), and Firefox (121.0)
  • OS: Ventura 13.4.1

Quarto check output

Quarto 99.9.9
[✓] Checking versions of quarto binary dependencies...
Pandoc version 3.1.11: OK
Dart Sass version 1.69.5: OK
Deno version 1.37.2: OK
[✓] Checking versions of quarto dependencies......OK
[✓] Checking Quarto installation......OK
Version: 99.9.9
Path: /Users/tyler/Desktop/quarto-cli/package/dist/bin

Check file:///Users/tyler/Desktop/quarto-cli/src/resources/vendor/deno-land/x/puppeteer@9-0-2/mod.ts
[✓] Checking tools....................OK
TinyTeX: v2022.07
Chromium: 869685

[✓] Checking LaTeX....................OK
Using: TinyTex
Path: /Users/tyler/Library/TinyTeX/bin/universal-darwin
Version: 2022

[✓] Checking basic markdown render....OK

[✓] Checking Python 3 installation....OK
Version: 3.10.8
Path: /opt/homebrew/opt/python@3.10/bin/python3.10
Jupyter: (None)

  Jupyter is not available in this Python installation.
  Install with python3 -m pip install jupyter

[✓] Checking R installation...........OK
Version: 4.3.1
Path: /Library/Frameworks/R.framework/Resources
LibPaths:
- /Library/Frameworks/R.framework/Versions/4.3-arm64/Resources/library
knitr: 1.43
rmarkdown: 2.24

[✓] Checking Knitr engine render......OK

@tylermorganwall tylermorganwall added the bug Something isn't working label Jan 2, 2024
@mcanouil mcanouil added websites Issues creating websites triaged-to Issues that were not self-assigned, signals that an issue was assigned to someone. labels Jan 2, 2024
@dragonstyle dragonstyle added this to the v1.4 milestone Jan 2, 2024
@mcanouil mcanouil removed the triaged-to Issues that were not self-assigned, signals that an issue was assigned to someone. label Jan 2, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working websites Issues creating websites
Projects
None yet
Development

No branches or pull requests

3 participants