[GM3Restyling] Reduce default tooltip paddings

Fix shadow and remove arrow Margin behaviour as a drive-by

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

Author: Kateryna Prokopenko

front_end/panels/timeline/timelineFlameChartView.css

@@ -136,11 +136,11 @@
   contain: content;
   background-color: var(--sys-color-cdt-base-container);
   pointer-events: none;
-  padding: var(--sys-size-6) var(--sys-size-8);
+  padding: var(--sys-size-4);
   border-radius: var(--sys-shape-corner-small);
   white-space: nowrap;
   max-width: 80%;
-  box-shadow: var(--drop-shadow);
+  box-shadow: var(--sys-elevation-level2);
 }
 
 .overlay-type-TIMESPAN_BREAKDOWN {

front_end/ui/legacy/GlassPane.ts

@@ -329,7 +329,6 @@ export const enum SizeBehavior {
 }
 
 export const enum MarginBehavior {
-  ARROW = 'Arrow',
   DEFAULT_MARGIN = 'DefaultMargin',
   NO_MARGIN = 'NoMargin',
 }

front_end/ui/legacy/components/perf_ui/TimelineOverviewPane.ts

@@ -524,7 +524,7 @@ export class OverviewInfo {
     this.anchorElement = anchor;
     this.glassPane = new UI.GlassPane.GlassPane();
     this.glassPane.setPointerEventsBehavior(UI.GlassPane.PointerEventsBehavior.PIERCE_CONTENTS);
-    this.glassPane.setMarginBehavior(UI.GlassPane.MarginBehavior.ARROW);
+    this.glassPane.setMarginBehavior(UI.GlassPane.MarginBehavior.DEFAULT_MARGIN);
     this.glassPane.setSizeBehavior(UI.GlassPane.SizeBehavior.MEASURE_CONTENT);
     this.visible = false;
     this.element =

front_end/ui/legacy/components/perf_ui/timelineOverviewInfo.css

@@ -8,7 +8,7 @@
   display: flex;
   background: var(--sys-color-cdt-base-container);
   box-shadow: var(--sys-elevation-level2);
-  padding: var(--sys-size-6) var(--sys-size-8);
+  padding: var(--sys-size-4);
   border-radius: var(--sys-shape-corner-small);
 }