Fixed width in styleguide (deephaven#2065)

bmingles · Jun 11, 2024 · 59fdbe8 · 59fdbe8
1 parent cf1f8e1
commit 59fdbe8
Show file tree

Hide file tree

Showing 25 changed files with 4 additions and 2 deletions.
diff --git a/packages/code-studio/src/styleguide/Inputs.tsx b/packages/code-studio/src/styleguide/Inputs.tsx
@@ -288,11 +288,13 @@ function Inputs(): React.ReactElement {
           <div className="form-group">
             <h5>Input with Select</h5>
             <div className="input-group">
-              <ComboBox aria-label="ComboBox">{items}</ComboBox>
+              <ComboBox aria-label="ComboBox" width="100%">
+                {items}
+              </ComboBox>
             </div>
             <br />
             <div className="input-group">
-              <ComboBox aria-label="Disabled ComboBox" isDisabled>
+              <ComboBox aria-label="Disabled ComboBox" isDisabled width="100%">
                 {items}
               </ComboBox>
             </div>

diff --git a/tests/styleguide.spec.ts-snapshots/inputs-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/inputs-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/inputs-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/inputs-firefox-linux.png
diff --git a/...s/styleguide.spec.ts-snapshots/inputs-focus-col3-row0-select-chromium-linux.png b/...s/styleguide.spec.ts-snapshots/inputs-focus-col3-row0-select-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/inputs-focus-col3-row0-select-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/inputs-focus-col3-row0-select-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/inputs-focus-col3-row0-select-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/inputs-focus-col3-row0-select-webkit-linux.png
diff --git a/...ide.spec.ts-snapshots/inputs-focus-col3-row1-select-disabled-chromium-linux.png b/...ide.spec.ts-snapshots/inputs-focus-col3-row1-select-disabled-chromium-linux.png
diff --git a/...uide.spec.ts-snapshots/inputs-focus-col3-row1-select-disabled-firefox-linux.png b/...uide.spec.ts-snapshots/inputs-focus-col3-row1-select-disabled-firefox-linux.png
diff --git a/...guide.spec.ts-snapshots/inputs-focus-col3-row1-select-disabled-webkit-linux.png b/...guide.spec.ts-snapshots/inputs-focus-col3-row1-select-disabled-webkit-linux.png
diff --git a/...s/styleguide.spec.ts-snapshots/inputs-focus-col3-row2-select-chromium-linux.png b/...s/styleguide.spec.ts-snapshots/inputs-focus-col3-row2-select-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/inputs-focus-col3-row2-select-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/inputs-focus-col3-row2-select-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/inputs-focus-col3-row2-select-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/inputs-focus-col3-row2-select-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/inputs-focus-col3-row3-text-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/inputs-focus-col3-row3-text-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/inputs-focus-col3-row3-text-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/inputs-focus-col3-row3-text-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/inputs-focus-col3-row3-text-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/inputs-focus-col3-row3-text-webkit-linux.png
diff --git a/...s/styleguide.spec.ts-snapshots/inputs-focus-col3-row4-button-chromium-linux.png b/...s/styleguide.spec.ts-snapshots/inputs-focus-col3-row4-button-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/inputs-focus-col3-row4-button-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/inputs-focus-col3-row4-button-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/inputs-focus-col3-row4-button-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/inputs-focus-col3-row4-button-webkit-linux.png
diff --git a/...guide.spec.ts-snapshots/inputs-focus-col3-row5-text-disabled-chromium-linux.png b/...guide.spec.ts-snapshots/inputs-focus-col3-row5-text-disabled-chromium-linux.png
diff --git a/...eguide.spec.ts-snapshots/inputs-focus-col3-row5-text-disabled-firefox-linux.png b/...eguide.spec.ts-snapshots/inputs-focus-col3-row5-text-disabled-firefox-linux.png
diff --git a/...leguide.spec.ts-snapshots/inputs-focus-col3-row5-text-disabled-webkit-linux.png b/...leguide.spec.ts-snapshots/inputs-focus-col3-row5-text-disabled-webkit-linux.png
diff --git a/...ide.spec.ts-snapshots/inputs-focus-col3-row6-button-disabled-chromium-linux.png b/...ide.spec.ts-snapshots/inputs-focus-col3-row6-button-disabled-chromium-linux.png
diff --git a/...uide.spec.ts-snapshots/inputs-focus-col3-row6-button-disabled-firefox-linux.png b/...uide.spec.ts-snapshots/inputs-focus-col3-row6-button-disabled-firefox-linux.png
diff --git a/...guide.spec.ts-snapshots/inputs-focus-col3-row6-button-disabled-webkit-linux.png b/...guide.spec.ts-snapshots/inputs-focus-col3-row6-button-disabled-webkit-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/inputs-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/inputs-webkit-linux.png