Remove the query builder and add a query help dialog. (GoogleChrome#3782

) * Remove the query builder and add a query help dialog. * Update client-src/elements/chromedash-search-help-dialog.js Co-authored-by: Kyle Ju <[email protected]> * Update client-src/elements/chromedash-search-help-dialog.js Co-authored-by: Kyle Ju <[email protected]> * Clarified argument name --------- Co-authored-by: Kyle Ju <[email protected]>
mustafacco7 · Apr 9, 2024 · ab098e4 · ab098e4
1 parent a8cee74
commit ab098e4
Show file tree

Hide file tree

Showing 5 changed files with 395 additions and 478 deletions.
diff --git a/client-src/css/shared-css.js b/client-src/css/shared-css.js
@@ -21,6 +21,22 @@ export const SHARED_STYLES = [
     display: none;
   }
 
+  .data-table {
+    width: 100%;
+    border: var(--default-border);
+    border-radius: var(--border-radius);
+  }
+  .data-table th {
+    text-align: left;
+    background: var(--table-header-background);
+    padding: var(--content-padding-half) var(--content-padding);
+  }
+  .data-table td {
+    vertical-align: top;
+    border-top: var(--default-border);
+    padding: var(--content-padding-half) var(--content-padding);
+  }
+
   h1,
   h2,
   h3,
@@ -117,6 +133,11 @@ export const SHARED_STYLES = [
     padding: 10px 7px;
   }
 
+  code {
+   white-space: nowrap;
+   font-family: monospace;
+  }
+
   .description {
     line-height: 1.4;
   }