[GM3Restyling] Update go to line menu

Screenshot: https://imgur.com/a/erVH2EJ

Bug: 325442580
Change-Id: I169f963a5a480e33f2c14b110bf707185c32c887
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6172721
Commit-Queue: Kateryna Prokopenko <[email protected]>
Auto-Submit: Kateryna Prokopenko <[email protected]>
Reviewed-by: Kim-Anh Tran <[email protected]>

Author: Kateryna Prokopenko

front_end/panels/sources/GoToLineQuickOpen.ts

@@ -3,6 +3,7 @@
 // found in the LICENSE file.
 
 import * as i18n from '../../core/i18n/i18n.js';
+import * as IconButton from '../../ui/components/icon_button/icon_button.js';
 import * as QuickOpen from '../../ui/legacy/components/quick_open/quick_open.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
@@ -13,45 +14,42 @@ const UIStrings = {
   /**
    *@description Text in Go To Line Quick Open of the Sources panel
    */
-  noFileSelected: 'No file selected.',
+  noFileSelected: 'No file selected',
   /**
    *@description Text to show no results have been found
    */
   noResultsFound: 'No results found',
   /**
    *@description Text in Go To Line Quick Open of the Sources panel
    */
-  typeANumberToGoToThatLine: 'Type a number to go to that line.',
+  typeANumberToGoToThatLine: 'Type a number to go to that line',
   /**
    *@description Text in Go To Line Quick Open of the Sources panel
-   *@example {abc} PH1
-   *@example {000} PH2
-   *@example {bbb} PH3
+   *@example {000} PH1
+   *@example {bbb} PH2
    */
-  currentPositionXsTypeAnOffset:
-      'Current position: 0x{PH1}. Type an offset between 0x{PH2} and 0x{PH3} to navigate to.',
+  currentPositionXsTypeAnOffset: 'Type an offset between 0x{PH1} and 0x{PH2} to navigate to',
   /**
    *@description Text in the GoToLine dialog of the Sources pane that describes the current line number, file line number range, and use of the GoToLine dialog
-   *@example {1} PH1
-   *@example {100} PH2
+   *@example {100} PH1
    */
-  currentLineSTypeALineNumber: 'Current line: {PH1}. Type a line number between 1 and {PH2} to navigate to.',
+  currentLineSTypeALineNumber: 'Type a line number between 1 and {PH1} to navigate to',
   /**
    *@description Text in Go To Line Quick Open of the Sources panel
    *@example {abc} PH1
    */
-  goToOffsetXs: 'Go to offset 0x{PH1}.',
+  goToOffsetXs: 'Go to offset 0x{PH1}',
   /**
    *@description Text in Go To Line Quick Open of the Sources panel
    *@example {2} PH1
    *@example {2} PH2
    */
-  goToLineSAndColumnS: 'Go to line {PH1} and column {PH2}.',
+  goToLineSAndColumnS: 'Go to line {PH1} and column {PH2}',
   /**
    *@description Text in Go To Line Quick Open of the Sources panel
    *@example {2} PH1
    */
-  goToLineS: 'Go to line {PH1}.',
+  goToLineS: 'Go to line {PH1}',
 };
 const str_ = i18n.i18n.registerUIStrings('panels/sources/GoToLineQuickOpen.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
@@ -80,6 +78,8 @@ export class GoToLineQuickOpen extends QuickOpen.FilteredListWidget.Provider {
   }
 
   override renderItem(itemIndex: number, _query: string, titleElement: Element, _subtitleElement: Element): void {
+    const icon = IconButton.Icon.create('colon');
+    titleElement.parentElement?.parentElement?.insertBefore(icon, titleElement.parentElement);
     UI.UIUtils.createTextChild(titleElement, this.#goToLineStrings[itemIndex]);
   }
 
@@ -99,23 +99,17 @@ export class GoToLineQuickOpen extends QuickOpen.FilteredListWidget.Provider {
       }
       const editorState = sourceFrame.textEditor.state;
       const disassembly = sourceFrame.wasmDisassembly;
-      const currentLineNumber =
-          sourceFrame.editorLocationToUILocation(editorState.doc.lineAt(editorState.selection.main.head).number - 1)
-              .lineNumber;
       if (disassembly) {
         const lastBytecodeOffset = disassembly.lineNumberToBytecodeOffset(disassembly.lineNumbers - 1);
         const bytecodeOffsetDigits = lastBytecodeOffset.toString(16).length;
-        const currentPosition = disassembly.lineNumberToBytecodeOffset(currentLineNumber);
         this.#goToLineStrings.push(i18nString(UIStrings.currentPositionXsTypeAnOffset, {
-          PH1: currentPosition.toString(16).padStart(bytecodeOffsetDigits, '0'),
-          PH2: '0'.padStart(bytecodeOffsetDigits, '0'),
-          PH3: lastBytecodeOffset.toString(16),
+          PH1: '0'.padStart(bytecodeOffsetDigits, '0'),
+          PH2: lastBytecodeOffset.toString(16),
         }));
         return;
       }
       const linesCount = sourceFrame.editorLocationToUILocation(editorState.doc.lines - 1).lineNumber + 1;
-      this.#goToLineStrings.push(
-          i18nString(UIStrings.currentLineSTypeALineNumber, {PH1: currentLineNumber + 1, PH2: linesCount}));
+      this.#goToLineStrings.push(i18nString(UIStrings.currentLineSTypeALineNumber, {PH1: linesCount}));
       return;
     }