carbon-components-vue icon indicating copy to clipboard operation
carbon-components-vue copied to clipboard

Increase width for cv-dropdown when working with small texts

Open lopesleandrorj opened this issue 6 years ago • 3 comments

It is really hard to read cv-dropdown options when working with small texts. Is there a way to create a minimal width for the component, so that users would have a better visualization.

image

Here is a code pen reproducing the issue. https://codepen.io/lopesleandrorj/pen/LYPNyeP

  • Select the option All

lopesleandrorj avatar Aug 15 '19 07:08 lopesleandrorj

Seems to be a general Carbon problem so I've raised an issue there. https://github.com/carbon-design-system/carbon/issues/3753

In the meantime setting a min-width for .bx--dropdown__wrapper would appear to be the only option.

lee-chase avatar Aug 16 '19 12:08 lee-chase

Does this help you @lopesleandrorj ?

.bx--dropdown__wrapper { min-width: 300px; }

lee-chase avatar Sep 11 '19 10:09 lee-chase

This issue has been marked as stale because it has required additional info or a response from the author for over 14 days. When you get the chance, please comment with the additional info requested. Otherwise, this issue will be closed in 14 days.

github-actions[bot] avatar Jun 26 '24 08:06 github-actions[bot]

This issue has been closed because it has received no activity for 28 days.

github-actions[bot] avatar Oct 10 '24 08:10 github-actions[bot]