@sourcegraph/cody-web 0.18.0 → 0.20.0

package/dist/style.css

@@ -35,28 +35,32 @@
     --description-font-size: 0.9em; /* match VS Code quickpick description */
 }
 
-._title_1nc1q_5, ._description_1nc1q_5, ._warning_1nc1q_5 {
+._title_1ibg5_5, ._description_1ibg5_5, ._warning_1ibg5_5 {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
 }
 
-._row_1nc1q_11 {
+._row_1ibg5_11 {
     display: flex;
     align-items: center;
     gap: 0.35rem;
 }
 
-._description_1nc1q_5, ._warning_1nc1q_5 {
+._row_1ibg5_11:hover {
+    color: inherit;
+}
+
+._description_1ibg5_5, ._warning_1ibg5_5 {
     font-size: var(--description-font-size);
     opacity: 0.7;
 }
 
-._description_1nc1q_5 {
+._description_1ibg5_5 {
     flex: 1;
 }
 
-._title_1nc1q_5:hover {
+._title_1ibg5_5:hover {
     direction: rtl;
 }
 ._context-item-mention-node_1eamp_1 {
@@ -211,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;
@@ -960,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;
@@ -1479,14 +1538,14 @@ button > ._model-title-with-icon_1bw6t_1 ._badge_1bw6t_35 {
     Root element which only exists to use container query
     for changing header tabs layout.
 */
-._tabs-root_ild96_10 {
+._tabs-root_11pag_10 {
     container-type: inline-size;
     container-name: tabs-container;
     isolation: isolate;
-    z-index: 1;
+    z-index: 2;
 }
 
-._tabs-container_ild96_17 {
+._tabs-container_11pag_17 {
     display: flex;
     width: 100%;
     padding: 0;
@@ -1496,7 +1555,7 @@ button > ._model-title-with-icon_1bw6t_1 ._badge_1bw6t_35 {
     background-color: var(--vscode-sideBar-background);
 }
 
-._tabs_ild96_10 {
+._tabs_11pag_10 {
     display: flex;
     flex-shrink: 0;
     gap: 2px;
@@ -1505,27 +1564,27 @@ button > ._model-title-with-icon_1bw6t_1 ._badge_1bw6t_35 {
     border-bottom: 1px solid var(--vscode-dropdown-border);
 }
 
-._tabs_ild96_10 > * {
+._tabs_11pag_10 > * {
         flex-shrink: 0;
     }
 
-._sub-tabs_ild96_40 {
+._sub-tabs_11pag_40 {
     display: flex;
     flex-shrink: 0;
     gap: 8px;
     padding: 0 8px;
 }
 
-._sub-tabs_ild96_40 > * {
+._sub-tabs_11pag_40 > * {
         flex-shrink: 0;
     }
 
-._sub-tabs_ild96_40 > button,
-._sub-tabs_ild96_40 > a {
+._sub-tabs_11pag_40 > button,
+._sub-tabs_11pag_40 > a {
     padding: 8px;
 }
 
-._tab-action-label_ild96_56 {
+._tab-action-label_11pag_56 {
     display: inline;
 }
 
@@ -1537,25 +1596,25 @@ button > ._model-title-with-icon_1bw6t_1 ._badge_1bw6t_35 {
     this override)
 */
 @container tabs-container (width < 575px) {
-        ._tabs-root_ild96_10:not(._tabs-root--cody-web_ild96_68) ._tab-action-label_ild96_56 {
+        ._tabs-root_11pag_10:not(._tabs-root--cody-web_11pag_68) ._tab-action-label_11pag_56 {
             display: none;
         }
 }
 
 /* Special override for Cody Web tabs */
 @container tabs-container (width < 375px) {
-    ._tabs-root--cody-web_ild96_68 ._tab-action-label_ild96_56 {
+    ._tabs-root--cody-web_11pag_68 ._tab-action-label_11pag_56 {
         display: none;
     }
 }
 
-._dialog-overlay_ild96_1 {
+._dialog-overlay_11pag_1 {
         inset: 0;
         position: fixed;
         background-color: var(--vscode-overlay-background);
     }
 
-._dialog-content_ild96_1 {
+._dialog-content_11pag_1 {
         width: 90vw;
         max-width: 450px;
         max-height: 85vh;
@@ -1571,23 +1630,23 @@ button > ._model-title-with-icon_1bw6t_1 ._badge_1bw6t_35 {
             hsl(206deg 22% 7% / 20%) 0 10px 20px -15px;
     }
 
-._dialog-content_ild96_1:focus {
+._dialog-content_11pag_1:focus {
             outline: none;
         }
 
-._dialog-title_ild96_1 {
+._dialog-title_11pag_1 {
         margin: 0;
         font-weight: 500;
         font-size: 17px;
     }
 
-._dialog-description_ild96_1 {
+._dialog-description_11pag_1 {
         margin: 10px 0 20px;
         font-size: 15px;
         line-height: 1.5;
     }
 
-._dialog-footer_ild96_1 {
+._dialog-footer_11pag_1 {
         margin-top: 1.5rem;
         width: 100%;
         display: flex;
@@ -2281,6 +2340,9 @@ imported in Sourcegraph shell.
 .tw-top-2 {
 	top: 4px;
 }
+.tw-top-3 {
+	top: 6px;
+}
 .tw-top-\[0px\] {
 	top: 0px;
 }
@@ -2306,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;
 }
@@ -2354,9 +2410,6 @@ imported in Sourcegraph shell.
 .tw-ml-4 {
 	margin-left: 8px;
 }
-.tw-ml-8 {
-	margin-left: 16px;
-}
 .tw-ml-auto {
 	margin-left: auto;
 }
@@ -2375,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;
 }
@@ -2484,9 +2540,6 @@ imported in Sourcegraph shell.
 .tw-w-4 {
 	width: 8px;
 }
-.tw-w-48 {
-	width: 12rem;
-}
 .tw-w-72 {
 	width: 18rem;
 }
@@ -2508,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;
@@ -2541,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;
 }
@@ -2625,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;
 }
@@ -2652,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;
 }
@@ -2664,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;
 }
@@ -2972,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;
@@ -3039,15 +3102,15 @@ imported in Sourcegraph shell.
 .tw-pb-12 {
 	padding-bottom: 24px;
 }
-.tw-pb-2 {
-	padding-bottom: 4px;
-}
 .tw-pb-6 {
 	padding-bottom: 12px;
 }
 .tw-pl-5 {
 	padding-left: 10px;
 }
+.tw-pl-6 {
+	padding-left: 12px;
+}
 .tw-pr-4 {
 	padding-right: 8px;
 }
@@ -3599,6 +3662,9 @@ imported in Sourcegraph shell.
 .hover\:\!tw-bg-button-secondary-background-hover:hover {
 	background-color: var(--vscode-button-secondaryHoverBackground) !important;
 }
+.hover\:\!tw-bg-transparent:hover {
+	background-color: transparent !important;
+}
 .hover\:tw-bg-accent:hover {
 	background-color: var(--vscode-list-activeSelectionBackground);
 }