Add custom styling for deprecated diagnostic hint (#3014)

dart-lang · Jun 24, 2024 · 79aea11 · 79aea11
1 parent 49f89fe
commit 79aea11
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/pkgs/dartpad_ui/lib/editor/editor.dart b/pkgs/dartpad_ui/lib/editor/editor.dart
@@ -353,12 +353,15 @@ class _EditorWidgetState extends State<EditorWidget> implements EditorService {
     for (final issue in issues) {
       final line = math.max(issue.location.line - 1, 0);
       final column = math.max(issue.location.column - 1, 0);
+      final isDeprecation =
+          issue.code?.contains('deprecated_member_use') ?? false;
+      final kind = isDeprecation ? 'deprecation' : issue.kind;
 
       doc.markText(
         Position(line: line, ch: column),
         Position(line: line, ch: column + issue.location.charLength),
         MarkTextOptions(
-          className: 'squiggle-${issue.kind}',
+          className: 'squiggle-$kind',
           title: issue.message,
         ),
       );

diff --git a/pkgs/dartpad_ui/web/index.html b/pkgs/dartpad_ui/web/index.html
@@ -45,6 +45,10 @@
     .squiggle-error {
       border-bottom: 2px solid #EF5350;
     }
+    .squiggle-deprecation {
+      text-decoration: line-through;
+      text-decoration-thickness: 10%;
+    }
 
     .CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div {
       position: absolute;