One more perfetto update. This passed the linter.

git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@3794 ed5197a5-7fde-0310-b194-c3ffbd925b24

deps/perfetto/perfetto.css

@@ -120,7 +120,6 @@ body > main {
   width: 100%;
   padding: 0;
   margin: 0;
-  user-select: none;
   overscroll-behavior: none; }
 
 pre, code {
@@ -204,8 +203,6 @@ button.close {
 .alerts {
   grid-area: alerts;
   background-color: #f2f2f2; }
-  .alerts * {
-    user-select: text; }
   .alerts > div {
     font-family: 'Raleway', sans-serif;
     font-weight: 400;
@@ -239,6 +236,32 @@ button.close {
     height: 25px; }
   .query-table.pivot-table .disabled {
     cursor: default; }
+  .query-table.pivot-table .dropdown {
+    display: inline-block;
+    position: relative; }
+  .query-table.pivot-table .popup-menu {
+    position: absolute;
+    background-color: white;
+    right: 0;
+    box-shadow: 0 0 4px 0 #999; }
+    .query-table.pivot-table .popup-menu.closed {
+      display: none; }
+    .query-table.pivot-table .popup-menu.open {
+      display: block; }
+    .query-table.pivot-table .popup-menu button {
+      border-radius: 0;
+      margin: 0;
+      height: auto;
+      background: transparent;
+      color: #111;
+      font-size: 12px;
+      padding: 0.4em 1em;
+      white-space: nowrap;
+      width: 100%;
+      text-align: right;
+      line-height: 1; }
+      .query-table.pivot-table .popup-menu button:hover {
+        background: #c7d0db; }
   .query-table thead td {
     position: sticky;
     top: 0;
@@ -377,7 +400,8 @@ canvas.main-canvas {
   z-index: -1; }
 
 .panels {
-  grid-area: space; }
+  grid-area: space;
+  user-select: none; }
 
 .panel {
   position: relative; }
@@ -419,12 +443,8 @@ header.overview {
     margin-left: 10px;
     color: #50647c; }
   header.overview span.code {
-    user-select: text;
     flex-grow: 1; }
 
-.query-error {
-  user-select: text; }
-
 button.query-ctrl {
   background: #262f3c;
   color: white;
@@ -520,6 +540,14 @@ button.query-ctrl {
     width: var(--track-shell-width);
     min-height: 40px;
     transition: background-color .4s; }
+    .track-group-panel .shell .track-title {
+      user-select: text; }
+    .track-group-panel .shell .chip {
+      background-color: #bed6ff;
+      border-radius: 3px;
+      font-size: smaller;
+      padding: 0 0.1rem;
+      margin-left: 1ch; }
     .track-group-panel .shell h1 {
       grid-area: title;
       font-size: 14px;
@@ -655,7 +683,6 @@ button.query-ctrl {
     cursor: default; }
 
 .pivot-table-tab span {
-  user-select: text;
   flex-grow: 1; }
 
 .pivot-table-spinner {
@@ -810,7 +837,6 @@ button.query-ctrl {
     font-family: 'Roboto Mono';
     line-height: 1.5em;
     border-radius: 5px;
-    user-select: text;
     overflow-x: auto; }
     .metrics-page pre.metric-error {
       color: #EF6C00; }
@@ -979,7 +1005,6 @@ button.query-ctrl {
             white-space: break-spaces;
             font-family: 'Roboto Condensed', sans-serif;
             word-break: break-all;
-            user-select: text;
             font-weight: 300;
             letter-spacing: 0;
             margin-top: -10px;
@@ -992,8 +1017,7 @@ button.query-ctrl {
     display: grid;
     height: -var(--sidebar-padding-bottom);
     grid-template-columns: repeat(4, min-content);
-    grid-gap: 10px;
-    user-select: text; }
+    grid-gap: 10px; }
     .sidebar .sidebar-footer > button {
       color: #eaeef6; }
       .sidebar .sidebar-footer > button i {
@@ -1894,7 +1918,6 @@ body.testing .sidebar-footer {
     margin: var(--record-section-padding);
     background-color: #111;
     border-radius: 4px;
-    user-select: text;
     box-shadow: 0 0 12px #999; }
 
 @keyframes ripple {
@@ -2193,8 +2216,7 @@ a.inline-chip, a.inline-chip:link, a.inline-chip:visited {
 
 .modal-pre {
   white-space: pre-line;
-  font-size: 13px;
-  user-select: text; }
+  font-size: 13px; }
 
 .modal-logs, .modal-bash {
   white-space: pre-wrap;
@@ -2202,7 +2224,6 @@ a.inline-chip, a.inline-chip:link, a.inline-chip:visited {
   background: #eee;
   font-size: 10px;
   font-family: var(--monospace-font);
-  -webkit-user-select: text;
   margin-top: 10px;
   margin-bottom: 10px;
   min-height: 50px;
@@ -2287,8 +2308,7 @@ a.inline-chip, a.inline-chip:link, a.inline-chip:visited {
 .details-panel {
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 300;
-  color: #3c4b5d;
-  user-select: text; }
+  color: #3c4b5d; }
   .details-panel .material-icons {
     transition: opacity 0.3s ease, color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, width 0.3s ease, height 0.3s ease, max-width 0.3s ease, max-height 0.3s ease, margin 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, border-radius 0.3s ease;
     font-size: 16px;
@@ -2504,8 +2524,7 @@ table.half-width {
   height: 100%;
   display: grid;
   grid-template-rows: auto 1fr;
-  font-family: 'Roboto Condensed', sans-serif;
-  user-select: text; }
+  font-family: 'Roboto Condensed', sans-serif; }
   .log-panel header {
     position: sticky;
     top: 0;
@@ -2573,8 +2592,7 @@ table.half-width {
 .trace-info-page {
   overflow-y: auto;
   overflow-x: hidden;
-  padding: 0 20px;
-  user-select: text; }
+  padding: 0 20px; }
   .trace-info-page section {
     margin: 20px auto;
     max-width: 800px;
@@ -2626,8 +2644,7 @@ table.half-width {
           font-weight: 800; }
 
 .flags-page {
-  overflow-y: scroll;
-  user-select: text; }
+  overflow-y: scroll; }
 
 .flags-content {
   max-width: 90ch;