quarto-dev / quarto-dev/quarto-cli

nav-buttons overlap with light/dark theme switch icon in dashboard navbar

Open
#12,908 0 comments 1 reaction 1 assignee View on GitHub

@cscheid is already working on this.

Since Aug 21, 2025.

bug dark-mode dashboards
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

nav-buttons icons overlap with light/dark theme switch icon in dashboard navbar.

Image
Steps to reproduce

Reprex below:

---
title: "Untitled"
format: 
  dashboard:
    nav-buttons: [linkedin]
theme:
  light: lightly
  dark: darkly
---
Actual behavior

Icons overlap.

Expected behavior

Expected icons to not overlap.

Your environment

IDE: Positron Version: 2025.06.0 (Universal) build 167
Code - OSS Version: 1.100.0
Commit: e7e5d5590adc6bf7b760f837051cd2f57ea9e3dc
Date: 2025-05-29T20:44:08.369Z
Electron: 34.5.1
Chromium: 132.0.6834.210
Node.js: 20.19.0
V8: 13.2.152.41-electron.0
OS: Darwin arm64 24.5.0

Quarto check output

There's an error below, but I don't think it's related to what I'm reporting:

Quarto 1.8.13
[✓] Checking environment information...
      Quarto cache location: /Users/mine/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.13
      Path: /Applications/quarto/bin

[✓] Checking tools....................OK
      TinyTeX: v2023.08
      Chromium: (not installed)

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

[✓] 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.12.6
      Path: /opt/homebrew/opt/python@3.12/bin/python3.12
      Jupyter: 5.7.2
      Kernels: python3

(|) Checking Jupyter engine render....
ERROR: Error executing '/opt/homebrew/opt/python@3.12/bin/python3.12': Broken pipe (os error 32)
WARN: Should not have arrived here:
[✓] Checking Jupyter engine render....OK

ERROR: [non-error-thrown] undefined

Stack trace:
    at _Command.handleError (file:///Applications/quarto/bin/quarto.js:10025:117)
    at _Command.parseCommand (file:///Applications/quarto/bin/quarto.js:9712:12)
    at eventLoopTick (ext:core/01_core.js:178:7)
    at async quarto (file:///Applications/quarto/bin/quarto.js:170893:5)
    at async file:///Applications/quarto/bin/quarto.js:170921:5
    at async file:///Applications/quarto/bin/quarto.js:170776:14
    at async mainRunner (file:///Applications/quarto/bin/quarto.js:170778:5)
    at async file:///Applications/quarto/bin/quarto.js:170914:3

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.