Microsoft/vscode

[css] Support <angle> units icon in CSS

Open

#7,757 opened on Jun 16, 2016

View on GitHub
 (7 comments) (0 reactions) (1 assignee)TypeScript (74,848 stars) (10,221 forks)batch import
css-less-scssfeature-requesthelp wanted

Description

In Firefox 49, there is an icon in the front of the angle unit, but the angle of the icon is constant.

I hope:

  • The VSCode can be a dynamic response to the actual point of view.
  • Shift + click to change the unit format.

Firefox DevTools

Spec: https://drafts.csswg.org/css-values/#angles

Contributor guide

Tech stack
typescriptcss
Domain
developer experience
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
4
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
over 1 week
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
knowledge of VSCode extension APICSS specificationsTypeScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
20
Research direction
The issue requests an angle units icon in the CSS editor that dynamically responds to the actual angle value and supports Shift+click to cycle through unit formats. To implement this, one should examine the VSCode CSS language service (likely in the `extensions/css/` folder) and the editor's decorator or glyph margin rendering. Check existing icon implementations for CSS properties and the `ICSSLanguageService` interface. Review the linked spec and Firefox DevTools behavior for reference. The assignee may provide additional context in the comments.