@sourcegraph/cody-web 0.19.0 → 0.20.0

package/dist/style.css

@@ -215,46 +215,46 @@ html[data-ide=JetBrains] ._template-input-node_14yoh_1 {
     color: var(--vscode-input-foreground);
     opacity: 0.5;
 }
-._outer-container_t0bbj_1 {
-    background-color: var(--vscode-sideBar-background);
-    display: flex;
-    flex-direction: column;
-    box-sizing: border-box;
-    height: 100%;
-    overflow: hidden;
-}
-
-._error-container_t0bbj_10 {
-    display: flex;
-    flex-direction: column-reverse;
-    gap: 0.5rem;
+._outer-container_1xpow_1 {
+  background-color: var(--vscode-sideBar-background);
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  height: 100%;
+  overflow: hidden;
 }
 
-._error_t0bbj_10 {
-    flex-direction: row;
-    display: flex;
-    padding: 1rem;
-    color: var(--vscode-input-foreground);
-    background-color: var(--vscode-inputValidation-errorBackground);
-    min-height: 2rem;
-    position: relative;
-    overflow: auto;
-    align-items: baseline;
+._error-container_1xpow_10 {
+  display: flex;
+  flex-direction: column-reverse;
+  gap: 0.5rem;
 }
 
-._close-btn_t0bbj_28 {
-    position: absolute;
-    top: 0.65rem;
-    right: 0.65rem;
-    background: none;
-    border: none;
-    color: var(--vscode-input-foreground);
-    cursor: pointer;
+._error_1xpow_10 {
+  flex-direction: row;
+  display: flex;
+  padding: 1rem;
+  color: var(--vscode-input-foreground);
+  background-color: var(--vscode-inputValidation-errorBackground);
+  min-height: 2rem;
+  position: relative;
+  overflow: auto;
+  align-items: baseline;
+}
+
+._close-btn_1xpow_28 {
+  position: absolute;
+  top: 0.65rem;
+  right: 0.65rem;
+  background: none;
+  border: none;
+  color: var(--vscode-input-foreground);
+  cursor: pointer;
 }
 
 /* Undo the UA stylesheet set by vscode */
 kbd {
-    all: unset;
+  all: unset;
 }
 ._path_1dh30_1 {
     white-space: nowrap;
@@ -964,6 +964,61 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
     ._filter_u880r_1 svg {
         fill: currentColor;
     }
+._root_fzfjq_1 {
+    container-type: inline-size;
+    container-name: root-outer-container;
+}
+
+._results-container_fzfjq_6 {
+    max-width: calc(100% - 266px);
+}
+
+._results-container_fzfjq_6._filters-sidebar-hidden_fzfjq_9 {
+        max-width: 100%;
+    }
+
+@container root-outer-container (max-width: 899px) {
+    ._filters-sidebar_fzfjq_9,
+    ._filters-sidebar-toggle_fzfjq_16 {
+        display: none !important;
+    }
+
+    ._container_fzfjq_20 {
+        display: block !important;
+    }
+
+    ._results-container_fzfjq_6 {
+        max-width: 100% !important;
+    }
+}
+
+@container root-outer-container (min-width: 900px) {
+    ._filters-modal-trigger_fzfjq_30 {
+        display: none !important;
+    }
+}
+
+._filters-sidebar_fzfjq_9 && ._results-container_fzfjq_6 {
+    transition: all 1s ease-in;
+}
+
+._filters-sidebar_fzfjq_9 {
+    background-color: var(--vscode-input-background);
+}
+
+._search-results-header_fzfjq_43 {
+    container-type: inline-size;
+    container-name: search-results-header
+}
+
+/*
+    Hide labels for small containers
+*/
+@container search-results-header (width < 475px) {
+    ._search-results-header__label_fzfjq_52 {
+        display: none;
+    }
+}
 ._context-item_1qxrh_1 {
   display: inline-flex;
   padding: 2px 4px 2px 2px;
@@ -2285,6 +2340,9 @@ imported in Sourcegraph shell.
 .tw-top-2 {
 	top: 4px;
 }
+.tw-top-3 {
+	top: 6px;
+}
 .tw-top-\[0px\] {
 	top: 0px;
 }
@@ -2310,24 +2368,18 @@ imported in Sourcegraph shell.
 	margin-left: 4px;
 	margin-right: 4px;
 }
-.tw-mx-4 {
-	margin-left: 8px;
-	margin-right: 8px;
-}
 .tw-my-2 {
 	margin-top: 4px;
 	margin-bottom: 4px;
 }
+.tw-my-20 {
+	margin-top: 40px;
+	margin-bottom: 40px;
+}
 .tw-my-4 {
 	margin-top: 8px;
 	margin-bottom: 8px;
 }
-.tw--ml-2 {
-	margin-left: -4px;
-}
-.tw--mr-2 {
-	margin-right: -4px;
-}
 .tw-mb-10 {
 	margin-bottom: 20px;
 }
@@ -2376,6 +2428,9 @@ imported in Sourcegraph shell.
 .tw-mt-0\.5 {
 	margin-top: 0.125rem;
 }
+.tw-mt-1 {
+	margin-top: 2px;
+}
 .tw-mt-2 {
 	margin-top: 4px;
 }
@@ -2485,9 +2540,6 @@ imported in Sourcegraph shell.
 .tw-w-4 {
 	width: 8px;
 }
-.tw-w-48 {
-	width: 12rem;
-}
 .tw-w-72 {
 	width: 18rem;
 }
@@ -2509,8 +2561,8 @@ imported in Sourcegraph shell.
 .tw-w-\[20px\] {
 	width: 20px;
 }
-.tw-w-\[225px\] {
-	width: 225px;
+.tw-w-\[240px\] {
+	width: 240px;
 }
 .tw-w-\[250px\] {
 	width: 250px;
@@ -2542,6 +2594,9 @@ imported in Sourcegraph shell.
 .tw-min-w-\[1\.5em\] {
 	min-width: 1.5em;
 }
+.tw-min-w-\[250px\] {
+	min-width: 250px;
+}
 .tw-min-w-\[325px\] {
 	min-width: 325px;
 }
@@ -2626,6 +2681,9 @@ imported in Sourcegraph shell.
 .tw-grid-cols-5 {
 	grid-template-columns: repeat(5, minmax(0, 1fr));
 }
+.tw-flex-row {
+	flex-direction: row;
+}
 .tw-flex-col {
 	flex-direction: column;
 }
@@ -2653,9 +2711,6 @@ imported in Sourcegraph shell.
 .tw-items-stretch {
 	align-items: stretch;
 }
-.\!tw-justify-start {
-	justify-content: flex-start !important;
-}
 .tw-justify-start {
 	justify-content: flex-start;
 }
@@ -2665,6 +2720,9 @@ imported in Sourcegraph shell.
 .tw-justify-center {
 	justify-content: center;
 }
+.\!tw-justify-between {
+	justify-content: space-between !important;
+}
 .tw-justify-between {
 	justify-content: space-between;
 }
@@ -2973,6 +3031,10 @@ imported in Sourcegraph shell.
 	padding-left: 16px !important;
 	padding-right: 16px !important;
 }
+.\!tw-py-1 {
+	padding-top: 2px !important;
+	padding-bottom: 2px !important;
+}
 .tw-px-0 {
 	padding-left: 0px;
 	padding-right: 0px;
@@ -3046,8 +3108,8 @@ imported in Sourcegraph shell.
 .tw-pl-5 {
 	padding-left: 10px;
 }
-.tw-pl-8 {
-	padding-left: 16px;
+.tw-pl-6 {
+	padding-left: 12px;
 }
 .tw-pr-4 {
 	padding-right: 8px;
@@ -3055,6 +3117,9 @@ imported in Sourcegraph shell.
 .tw-pt-2 {
 	padding-top: 4px;
 }
+.tw-pt-4 {
+	padding-top: 8px;
+}
 .tw-pt-6 {
 	padding-top: 12px;
 }