apollographql / apollographql/apollo-server

Provide basic CSS formatting for markdown rendered in description fields for the sandbox

Open
#7,864 0 comments 0 reactions 0 assignees View on GitHub
🛰️ Explorer / Sandbox
Dominant language
TypeScript
Stars
14k
Forks
2k
Avg merge
2d 14h
Merged PRs (30d)
2

Description

### Issue Description

Markdown is supported and rendered correctly in the sandbox but it seems the reset.css is removing some of the default styles the browser would apply. It would be great to add some basic styles for things like tables and use the browsers defaults as much as possible here.

| Default | Example with some minor CSS applied |
| -------- | ------- |
| image | image |

### Link to Reproduction

[CodeSandbox](https://codesandbox.io/p/devbox/brave-forest-76pjwj?file=%2Fsrc%2Findex.js)

### Reproduction Steps

You can view the [default rendered markdown here](https://codesandbox.io/p/devbox/brave-forest-76pjwj?file=%2Fsrc%2Findex.js) in the query description

Contributor guide

Open the contributing guide

Research direction

Start with the linked CodeSandbox at src/index.js and inspect the query description's rendered markdown and the reset styles affecting it. Trace that rendering into the sandbox source, then verify that tables and other basic markdown elements retain usable browser-like formatting without the reset removing their defaults.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, javascript, markdown
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.