react-functional-select icon indicating copy to clipboard operation
react-functional-select copied to clipboard

Cannot add styles for Single Value

Open DragosIvan opened this issue 2 years ago • 1 comments

Hello,

Unless I'm mistaken, there is no way to add styles for the Single Value component. Based on the source code:

const SINGLE_VALUE_BASE_STYLE = css`
  top: 50%;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  box-sizing: border-box;
  text-overflow: ellipsis;
  transform: translateY(-50%);
`;

const SingleValue = styled.div`
  ${SINGLE_VALUE_BASE_STYLE}
  max-width: calc(100% - 0.5rem);
`;

There is no theme extension for Single Value. What I'm trying to achieve is to change to "top" property, basically.

Screenshot 2021-11-24 at 20 07 01

Notice the position of the Label and Input value vs. the Single Value position.

Thank you!

DragosIvan avatar Nov 24 '21 18:11 DragosIvan

Also, cannot modify the options with the exception of a few properties.

DragosIvan avatar Nov 25 '21 07:11 DragosIvan