react-functional-select
react-functional-select copied to clipboard
Cannot add styles for Single Value
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.
Notice the position of the Label and Input value vs. the Single Value position.
Thank you!
Also, cannot modify the options with the exception of a few properties.