chrome-devtools-frontend 1.0.921565 → 1.0.922782

package/front_end/ui/legacy/components/quick_open/filteredListWidget.css

@@ -75,10 +75,12 @@
 }
 
 .filtered-list-widget-item-wrapper {
-  display: inline-flex;
-  width: 502px;
+  color: var(--color-text-primary);
+  display: flex;
   border-bottom: 1px solid var(--color-details-hairline-light);
+  font-family: '.SFNSDisplay-Regular', 'Helvetica Neue', 'Lucida Grande', sans-serif;
   padding-left: 8px;
+  padding-right: 8px;
 }
 
 .filtered-list-widget-item-wrapper devtools-icon {
@@ -95,16 +97,18 @@
   text-overflow: ellipsis;
   overflow: hidden;
   align-self: center;
-  color: var(--color-text-primary);
   max-width: 446px;
   font-size: 12px;
-  font-family: '.SFNSDisplay-Regular', 'Helvetica Neue', 'Lucida Grande', sans-serif;
 }
 
-.filtered-list-widget-item span.highlight {
+.filtered-list-widget-item.two-rows span.highlight {
   color: var(--color-primary);
 }
 
+.filtered-list-widget-item.one-row span.highlight {
+  font-weight: bold;
+}
+
 .filtered-list-widget-item .filtered-list-widget-title {
   flex: auto;
   overflow: hidden;
@@ -126,13 +130,22 @@
   text-overflow: ellipsis;
 }
 
+.filtered-list-widget-item-wrapper .tag {
+  padding: 0 12px;
+  border-radius: 4px;
+  line-height: 24px;
+  height: 24px;
+  align-self: center;
+}
+
 .filtered-list-widget-item-wrapper.selected .filtered-list-widget-item span.highlight {
   color: var(--color-background);
   background-color: var(--override-filtered-list-widget-highlight-text-background-color);
 }
 
 .filtered-list-widget-item-wrapper.selected .filtered-list-widget-title,
-.filtered-list-widget-item-wrapper.selected .filtered-list-widget-subtitle {
+.filtered-list-widget-item-wrapper.selected .filtered-list-widget-subtitle,
+.filtered-list-widget-item-wrapper.selected .tag {
   color: var(--color-background);
 }
 
@@ -174,6 +187,15 @@
   padding-top: 8px;
   padding-bottom: 8px;
   display: flex;
+  flex: auto;
+}
+
+.filtered-list-widget-item.one-row .filtered-list-widget-title {
+  flex: none;
+}
+
+.filtered-list-widget-item.one-row .filtered-list-widget-subtitle::before {
+  content: ' ';
 }
 
 .filtered-list-widget-item.two-rows {
@@ -186,22 +208,10 @@
   font-weight: bold;
 }
 
-.tag {
-  color: var(--color-background);
-  padding: 1px 3px;
-  margin-right: 5px;
-  border-radius: 2px;
-  line-height: 18px;
-}
-
-.filtered-list-widget-item .tag .highlight {
-  color: var(--color-background);
-}
-
 .not-found-text {
   height: 34px;
   line-height: 34px;
-  padding-left: 4px;
+  padding-left: 8px;
   font-style: italic;
   color: var(--color-text-disabled);
   background: var(--color-background-elevation-0);

package/front_end/ui/legacy/components/source_frame/SourcesTextEditor.ts

@@ -9,7 +9,9 @@ import * as TextEditor from '../text_editor/text_editor.js';
 
 const whitespaceStyleInjectedSet = new WeakSet<Document>();
 
-export class SourcesTextEditor extends TextEditor.CodeMirrorTextEditor.CodeMirrorTextEditor {
+export class SourcesTextEditor extends
+    Common.ObjectWrapper.eventMixin<EventTypes, typeof TextEditor.CodeMirrorTextEditor.CodeMirrorTextEditor>(
+        TextEditor.CodeMirrorTextEditor.CodeMirrorTextEditor) {
   private readonly delegate: SourcesTextEditorDelegate;
   private readonly gutterMouseMove: (event: Event) => void;
   private readonly gutterMouseOut: () => void;
@@ -486,7 +488,7 @@ export class SourcesTextEditor extends TextEditor.CodeMirrorTextEditor.CodeMirro
     if (from && to && from.equal(to)) {
       return;
     }
-    this.dispatchEventToListeners(Events.JumpHappened, {from: from, to: to});
+    this.dispatchEventToListeners(Events.JumpHappened, {from, to});
   }
 
   private scroll(): void {
@@ -696,6 +698,20 @@ export enum Events {
   JumpHappened = 'JumpHappened',
 }
 
+export interface JumpHappenedEvent {
+  from: TextUtils.TextRange.TextRange|null;
+  to: TextUtils.TextRange.TextRange|null;
+}
+
+export type EventTypes = {
+  [Events.GutterClick]: GutterClickEventData,
+  [Events.SelectionChanged]: TextUtils.TextRange.TextRange,
+  [Events.ScrollChanged]: number,
+  [Events.EditorFocused]: void,
+  [Events.EditorBlurred]: void,
+  [Events.JumpHappened]: JumpHappenedEvent,
+};
+
 export class SourcesTextEditorDelegate {
   populateLineGutterContextMenu(_contextMenu: UI.ContextMenu.ContextMenu, _lineNumber: number): Promise<void> {
     throw new Error('Not implemented');

package/front_end/ui/legacy/components/text_editor/CodeMirrorTextEditor.ts

@@ -64,7 +64,9 @@ export interface Coordinates {
 // https://crbug.com/1151919 * = CodeMirror.Editor
 const editorToDevtoolsWrapper = new WeakMap<any, CodeMirrorTextEditor>();
 
-export class CodeMirrorTextEditor extends UI.Widget.VBox implements UI.TextEditor.TextEditor {
+export class CodeMirrorTextEditor extends
+    Common.ObjectWrapper.eventMixin<UI.TextEditor.EventTypes, typeof UI.Widget.VBox>(UI.Widget.VBox)
+        implements UI.TextEditor.TextEditor {
   private options: UI.TextEditor.Options;
   // https://crbug.com/1151919 * = CodeMirror.Editor
   private codeMirrorInternal: any;

package/front_end/ui/legacy/splitWidget.css

@@ -52,7 +52,7 @@
   top: 0;
   bottom: 0;
   width: 6px;
-  z-index: 500;
+  z-index: 4000;
 }
 
 .shadow-split-widget.vbox > .shadow-split-widget-resizer {
@@ -60,7 +60,7 @@
   left: 0;
   right: 0;
   height: 6px;
-  z-index: 500;
+  z-index: 4000;
 }
 
 .shadow-split-widget.vbox > .shadow-split-widget-sidebar.no-default-splitter {

package/package.json

@@ -55,5 +55,5 @@
     "unittest": "scripts/test/run_unittests.py --no-text-coverage",
     "watch": "third_party/node/node.py --output scripts/watch_build.js"
   },
-  "version": "1.0.921565"
+  "version": "1.0.922782"
 }

package/scripts/build/generate_css_js_files.js

@@ -21,6 +21,7 @@ for (const fileName of filenames) {
       `// Copyright ${new Date().getFullYear()} The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
+// IMPORTANT: this file is auto generated. Please do not edit this file.
 const styles = new CSSStyleSheet();
 styles.replaceSync(
 \`${isDebug ? output : cleanCSS.minify(output).styles}