microsoft / microsoft/vscode-css-languageservice

Display not only the description, but also browser info and Baseline status for CSS property values

Open
#442 1 comment 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
384
Forks
217
Avg merge
3d 16h
Merged PRs (30d)
14

Description

Currently, browsers info and Baseline status is displayed only for CSS properties themselves, but not for their values.

Image

Different values for the same CSS property may have different browsers support. This info is already in the @vscode/web-custom-data/data/browsers.css-data.json file, but is not exposed in the VSCode UI now.

And also currently hovering over the value of a CSS property displays documentation for the property itself, not for the value.

Contributor guide

No contributing guide indexed for this repository

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.

Research direction

Start by examining @vscode/web-custom-data/data/browsers.css-data.json, which already contains browser support and Baseline information for CSS values. Trace how the language service currently provides property documentation and browser information, then expose the corresponding value data in the UI and show value-specific hover documentation. Done means CSS values display their own documentation, browser support, and Baseline status.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.