quarto-dev / quarto-dev/quarto-cli

Quarto Dashboard - Observable Plot Legend on Mobile Issue

Open
#7,543 2 comments 0 reactions 1 assignee View on GitHub

Nobody has claimed this yet.

bug dashboards triaged-to
Dominant language
JavaScript
Stars
6k
Forks
458
Avg merge
1d 9h
Merged PRs (30d)
41

Description

Bug description

Testing the latest Quarto Dash format with ojs code chunks. I have a repository that includes some example dashboards.

I noticed on mobile, for Observable Plots that include a legend, there is a height scaling issue (keeps elongating). This might be specific to Plots within a card component (have not tested it outside).

Link to dashboard: https://tashapiro.github.io/intro-observable/dashboard/dashboard.html
Link to repo: https://github.com/tashapiro/intro-observable/tree/main/dashboard

Including screenshots for reference.

Desktop version is fine:
Screenshot 2023-11-10 at 9 34 32 AM

On mobile, or smaller screens, the plot height starts skewing:
Screenshot 2023-11-10 at 9 34 38 AM

Steps to reproduce

No response

Expected behavior

No response

Actual behavior

No response

Your environment

No response

Quarto check output

No response

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.