quarto-dev / quarto-dev/quarto-cli
Center footer for "Edit this page" not horizontally aligned on narrow screens
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 6k
- Forks
- 458
- Avg merge
- 1d 9h
- Merged PRs (30d)
- 41
Description
I have:
- searched the issue tracker for similar issues
- installed the latest version of Quarto CLI
- formatted my issue following the Bug Reports guide
Bug description
When adding "Edit this page" to the website with repo-actions and repo-url in _quarto.yml, the center footer is not horizontally centered when viewing on narrow screens. A screenshot is attached.
A look at the CSS styles in the browser show that a padding-left: 2rem is being added to the relevant <ul> tag. Removing/overriding this padding fixes the alignment.
Steps to reproduce
A minimal _quarto.yml to reproduce the issue.
project:
type: website
website:
title: "minimal-site"
repo-url: "https://github.com/datascijedi/website"
navbar:
left:
- href: index.qmd
text: Home
- about.qmd
page-navigation: true
repo-actions: [edit]
page-footer:
left: "© 2025 My Name"
right: "Powered by Quarto"
format:
html:
theme:
- cosmo
- brand
css: styles.css
toc: true
Actual behavior
The footer center "Edit this page" is shifted slightly to the right on narrow screens.
Expected behavior
The footer center "Edit this page" should be horizontally centered including on narrow screens.
Your environment
- IDE: NVim (NVIM v0.11.4, Build type: Release, LuaJIT 2.1.1761727121)
- OS: MacOs Tahoe 26.0.1 (25A362)
Quarto check output
Quarto 1.8.25
[✓] Checking environment information...
Quarto cache location: /Users/ravimakhija/Library/Caches/quarto
[✓] Checking versions of quarto binary dependencies...
Pandoc version 3.6.3: OK
Dart Sass version 1.87.0: OK
Deno version 2.3.1: OK
Typst version 0.13.0: OK
[✓] Checking versions of quarto dependencies......OK
[✓] Checking Quarto installation......OK
Version: 1.8.25
Path: /Applications/quarto/bin
[✓] Checking tools....................OK
TinyTeX: (not installed)
Chromium: (not installed)
[✓] Checking LaTeX....................OK
Tex: (not detected)
[✓] Checking Chrome Headless....................OK
Using: Chrome found on system
Path: /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
Source: MacOS known location
[✓] Checking basic markdown render....OK
[✓] Checking Python 3 installation....OK
Version: 3.14.0
Path: /opt/homebrew/opt/python@3.14/bin/python3.14
Jupyter: (None)
Jupyter is not available in this Python installation.
Install with python3 -m pip install jupyter
[✓] Checking R installation...........(None)
Unable to locate an installed version of R.
Install R from https://cloud.r-project.org/
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the issue with the minimal _quarto.yml configuration and inspect the generated website footer on a narrow screen. Start with the footer's relevant
- styles, especially the added padding-left: 2rem; done means the “Edit this page” footer action is horizontally centered without affecting the other footer content.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100