@sourcegraph/cody-web 0.30.0 → 0.31.0

package/dist/style.css

@@ -132,9 +132,24 @@ body:is([data-vscode-theme-kind='vscode-high-contrast'], [data-vscode-theme-kind
 html[data-ide=JetBrains] ._template-input-node_14yoh_1 {
     background-color: transparent;
 }
-._popover-dimensions_1uf3m_1 {
+._popover-container_11l09_1 {
+    position: absolute;
+    left: 0;
+}
+
+@media (max-width: 300px) {
+    ._popover-container_11l09_1 {
+        position: relative;
+
+        --outside-bound-editor-width: 48px;
+        min-width: calc(100vw - var(--outside-bound-editor-width));
+    }
+}
+
+._popover-dimensions_11l09_15 {
     margin-top: 20px; /* show on the line below the cursor */
     width: clamp(300px, 65vw, 440px);
+    max-width: 100%;
 
     --max-items: 12;
     --mention-item-height: 30px;
@@ -143,14 +158,16 @@ html[data-ide=JetBrains] ._template-input-node_14yoh_1 {
     display: flex;
     align-items: start;
 }
-    ._popover-dimensions_1uf3m_1 ._popover_1uf3m_1 {
+
+._popover-dimensions_11l09_15 ._popover_11l09_1 {
         flex: 1;
     }
-.typeahead-flipped ._popover-dimensions_1uf3m_1 {
+
+.typeahead-flipped ._popover-dimensions_11l09_15 {
     align-items: end;
 }
 
-._popover_1uf3m_1 {
+._popover_11l09_1 {
     overflow: auto;
     background: var(--vscode-sideBar-background);
     color: var(--vscode-sideBar-foreground);
@@ -435,22 +452,17 @@ img.ProseMirror-separator {
 kbd {
   all: unset;
 }
-._buttons-container_1kf9a_1 {
+._buttons-container_1ok1a_1 {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
-    border-style: solid;
-    border-width: 1px;
-    border-color: var(--vscode-sideBarSectionHeader-border);
-    border-bottom-left-radius: 2px;
-    border-bottom-right-radius: 2px;
     padding: 4px;
 }
 
-._buttons_1kf9a_1 {
+._buttons_1ok1a_1 {
     display: flex;
 }
-._button_1kf9a_1 {
+._button_1ok1a_1 {
     display: flex;
     align-items: center;
     padding: 3px;
@@ -461,23 +473,23 @@ kbd {
     border-radius: var(--button-icon-corner-radius);
     color: var(--foreground);
 }
-._button_1kf9a_1:hover {
+._button_1ok1a_1:hover {
     background: var(--button-icon-hover-background);
     outline: 1px dotted var(--contrast-active-border);
     outline-offset: -1px;
 }
-._button_1kf9a_1:not(:first-child) {
+._button_1ok1a_1:not(:first-child) {
     margin-left: 0.25rem;
 }
 
-._button_1kf9a_1 ._icon-container_1kf9a_36 {
+._button_1ok1a_1 ._icon-container_1ok1a_31 {
     margin-right: 0.25rem
 }
 
-._copy-button_1kf9a_40,
-._insert-button_1kf9a_41,
-._attribution-icon_1kf9a_42,
-._status_1kf9a_43 {
+._copy-button_1ok1a_35,
+._insert-button_1ok1a_36,
+._attribution-icon_1ok1a_37,
+._status_1ok1a_38 {
     all: unset;
     padding: 3px;
     min-width: 16px;  /* Status element needs to be able to expand. */
@@ -485,60 +497,60 @@ kbd {
     background-color: transparent;
 }
 
-._copy-button_1kf9a_40,
-._insert-button_1kf9a_41 {
+._copy-button_1ok1a_35,
+._insert-button_1ok1a_36 {
     cursor: pointer;
     background: var(--button-icon-background);
     border-radius: var(--button-icon-corner-radius);
     color: var(--foreground);
 }
-._copy-button_1kf9a_40:hover,
-._insert-button_1kf9a_41:hover {
+._copy-button_1ok1a_35:hover,
+._insert-button_1ok1a_36:hover {
     background: var(--button-icon-hover-background);
     outline: 1px dotted var(--contrast-active-border);
     outline-offset: -1px;
 }
 
-._status_1kf9a_43 {
+._status_1ok1a_38 {
     font-size: 12px;
     line-height: 1;
 }
 
-._metadata-container_1kf9a_70 {
+._metadata-container_1ok1a_65 {
     display: flex;
     align-items: center;
     margin-left: auto;
 }
 
-._metadata-container_1kf9a_70 > :not(:last-child) {
+._metadata-container_1ok1a_65 > :not(:last-child) {
     margin-right: 0.25rem;
 }
 
-._attribution-container_1kf9a_80 {
+._attribution-container_1ok1a_75 {
     all: unset;
     display: flex;
     margin-left: auto;
 }
 
 
-._attribution-icon-unavailable_1kf9a_87 {
+._attribution-icon-unavailable_1ok1a_82 {
     color: var(--hl-orange);
 }
 
-._attribution-icon-found_1kf9a_91 {
+._attribution-icon-found_1ok1a_86 {
     color: var(--hl-dark-red);
 }
 
-._status_1kf9a_43 {
+._status_1ok1a_38 {
     display: flex;
     align-items: center;
 }
 
-._codicon-loading_1kf9a_100 {
-    animation: _spin_1kf9a_1 1s linear infinite;
+._codicon-loading_1ok1a_95 {
+    animation: _spin_1ok1a_1 1s linear infinite;
 }
 
-@keyframes _spin_1kf9a_1 {
+@keyframes _spin_1ok1a_1 {
     from { transform: rotate(0deg); }
     to { transform: rotate(360deg); }
 }
@@ -550,16 +562,16 @@ kbd {
     --spacing: 1rem;
 }
 
-._content_1kf9a_116 {
+._content_1ok1a_111 {
     word-break: break-word;
     text-wrap: wrap;
 }
 
 /* Style @-file tokens to match TranscriptAction context files */
-._content_1kf9a_116 a[href^="vscode://file"] em,
-._content_1kf9a_116 a[href^="vscode-insiders://file"] em,
-._content_1kf9a_116 a[href^="vscodium://file"] em,
-._content_1kf9a_116 a[href^="cursor://file"] em
+._content_1ok1a_111 a[href^="vscode://file"] em,
+._content_1ok1a_111 a[href^="vscode-insiders://file"] em,
+._content_1ok1a_111 a[href^="vscodium://file"] em,
+._content_1ok1a_111 a[href^="cursor://file"] em
 {
     padding: 1px 2px;
     box-sizing: border-box;
@@ -569,88 +581,88 @@ kbd {
     word-break: break-all;
 }
 
-._content_1kf9a_116 p {
+._content_1ok1a_111 p {
     word-break: break-word;
     margin-block: 1rem;
 }
 
-._content_1kf9a_116 pre {
+/* code block styling */
+._content_1ok1a_111 pre {
     padding: calc(var(--spacing) * 0.5);
     overflow-x: auto;
-    border-style: solid;
-    border-width: 1px;
-    border-color: var(--vscode-sideBarSectionHeader-border);
     border-bottom: none;
     margin: 1rem 0;
+    border-radius: 3px;
+    border: 1px solid var(--vscode-input-background);
 }
 
-._content_1kf9a_116 code,
-._content_1kf9a_116 pre {
+._content_1ok1a_111 code,
+._content_1ok1a_111 pre {
     font-family: var(--vscode-editor-font-family);
     font-size: var(--vscode-editor-font-size);
     overflow: auto;
 }
 
-._content_1kf9a_116 pre,
-._content_1kf9a_116 pre > code {
+._content_1ok1a_111 pre,
+._content_1ok1a_111 pre > code {
     /* Our syntax highlighter emits colors intended for dark backgrounds only. */
     background-color: var(--code-background);
     color: var(--code-foreground);
     margin-bottom: 0;
 }
-body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre,
-body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
+body[data-vscode-theme-kind='vscode-light'] ._content_1ok1a_111 pre,
+body[data-vscode-theme-kind='vscode-light'] ._content_1ok1a_111 pre > code {
     /* Our syntax highlighter emits colors intended for dark backgrounds only. */
     background-color: var(--code-background);
     color: var(--code-foreground);
 }
 
-._content_1kf9a_116 h1,
-._content_1kf9a_116 h2,
-._content_1kf9a_116 h3,
-._content_1kf9a_116 h4,
-._content_1kf9a_116 h5,
-._content_1kf9a_116 h6 {
+._content_1ok1a_111 h1,
+._content_1ok1a_111 h2,
+._content_1ok1a_111 h3,
+._content_1ok1a_111 h4,
+._content_1ok1a_111 h5,
+._content_1ok1a_111 h6 {
     margin: 1.2em 0;
 }
 
-._content_1kf9a_116 h1 {
+._content_1ok1a_111 h1 {
     font-size: 1.15em;
     font-weight: 700;
 }
 
-._content_1kf9a_116 h2 {
+._content_1ok1a_111 h2 {
     font-size: 1.1em;
     font-weight: 700;
 }
 
-._content_1kf9a_116 h3 {
+._content_1ok1a_111 h3 {
     font-size: inherit;
     font-weight: 700;
 }
 
-._content_1kf9a_116 h4,
-._content_1kf9a_116 h5,
-._content_1kf9a_116 h6 {
+._content_1ok1a_111 h4,
+._content_1ok1a_111 h5,
+._content_1ok1a_111 h6 {
     font-size: inherit;
     font-weight: 600;
 }
 
-._content_1kf9a_116 > *:first-child {
+._content_1ok1a_111 > *:first-child {
     margin-top: 0;
 }
 
-._content_1kf9a_116 > *:last-child {
+._content_1ok1a_111 > *:last-child {
     margin-bottom: 0;
 }
 
-._content_1kf9a_116 ul, ._content_1kf9a_116 ol {
+._content_1ok1a_111 ul, ._content_1ok1a_111 ol {
     margin-block: 1rem;
     padding-inline-start: 2rem;
     list-style: revert;
 }
 
-._file-name-container_1kf9a_216 {
+._file-name-container_1ok1a_211 {
     color: var(--vscode-descriptionForeground);
     margin-left: auto;
 }
@@ -2772,9 +2784,6 @@ imported in Sourcegraph shell.
 .tw-max-h-full {
 	max-height: 100%;
 }
-.tw-min-h-10 {
-	min-height: 20px;
-}
 .\!tw-w-fit {
 	width: fit-content !important;
 }