DevTools: improve design of What's New

third_party/WebKit/Source/devtools/front_end/help/ReleaseNoteText.js

Index: third_party/WebKit/Source/devtools/front_end/help/ReleaseNoteText.js
diff --git a/third_party/WebKit/Source/devtools/front_end/help/ReleaseNoteText.js b/third_party/WebKit/Source/devtools/front_end/help/ReleaseNoteText.js
index da5ce490df1deed9e6960a5098822e2f8520a21a..28bc9d1e9f8d4331de9256b3a50a954f79f7a4c0 100644
--- a/third_party/WebKit/Source/devtools/front_end/help/ReleaseNoteText.js
+++ b/third_party/WebKit/Source/devtools/front_end/help/ReleaseNoteText.js
@@ -12,22 +12,57 @@ Help.releaseNoteText = [
     version: 58,
     highlights: [
       {
-        text: 'Review CSS changes in the new Changes drawer',
-        link: 'https://developers.google.com/web/updates/2016/06/devtools-digest',
+        contents: [
+          {
+            text: 'Improved',
+          },
+          {
+            text: 'Performance and Memory panels',
+            link: 'https://developers.google.com/web/tools/chrome-devtools/',
+          }
+        ],
         featured: true,
       },
       {
-        text: 'Contextual icons in Console',
-        link: 'https://developers.google.com/web/updates/2016/06/devtools-digest',
+        contents: [
+          {
+            text: 'Edit cookies directly',
+            link: 'https://developers.google.com/web/tools/chrome-devtools/',
+          },
+          {
+            text: 'from the Application panel',
+          },
+        ],
       },
       {
-        text: 'Release notes for DevTools',
-        link: 'https://developers.google.com/web/updates/2016/06/devtools-digest',
+        contents: [
+          {
+            text: 'Better',
+          },
+          {
+            text: 'filtering & settings for Console',
+            link: 'https://developers.google.com/web/tools/chrome-devtools/',
+          },
+        ],
+      },
+      {
+        contents: [
+          {
+            text: 'Debugger',
+          },
+          {
+            text: 'catches out-of-memory',
+            link: 'https://developers.google.com/web/tools/chrome-devtools/',
+          },
+          {
+            text: 'errors',
+          },
+        ],
       },
     ],
-    link: 'https://developers.google.com/web/updates/2016/06/devtools-digest',
+    link: 'https://developers.google.com/web/tools/chrome-devtools/',

[alph, 2017/03/01 00:53:46]

This is supposed to be the same link as one in featured item. Right?
If so, could you please get the link from there.
Also you can just put the image url next to the appropriate highlight contents.

[chenwilliam, 2017/03/01 02:21:10]

Sorry it's not clear, the highlight links will be to specific sections of the
release note (e.g. devtools.com/#node-js-highlight) and this link will be to the
top of the release note (e.g. devtools.com/) so we'd want to keep this separate.

pfeldman@ wanted to have an image per highlight but after talking to chowse@ we
agreed to only have one image per release note because some highlights aren't
image-friendly.

[alph, 2017/03/01 17:16:18]

Ack for the url.
But wouldn't it be more straightforward to move the image right to the release
note?

[chenwilliam, 2017/03/01 19:36:12]

I think this makes it more explicit that the release note has 1 image. If we
move to multiple images, then let's move the image next to the release note
text?

     image: {
-      src: 'https://developers.google.com/web/updates/images/2016/08/colorpicker.jpg',
+      src: 'https://developers.google.com/web/tools/chrome-devtools/images/panels/performance.png',
     },
   },
 ];