Update dropdown styles

This commit is contained in:
Oleksiy Kachynskyy 2020-04-02 11:45:32 +03:00
parent b4fa0fe110
commit b88ecad51a

View File

@ -4,7 +4,6 @@ import ReactDropdown from 'react-dropdown';
import { transparentize } from 'polished';
import styled from '../../styled-components';
import { StyledDropdown } from '../../common-elements';
export const MimeLabel = styled.div`
@ -39,6 +38,11 @@ export const InvertedSimpleDropdown = styled(StyledDropdown)`
margin: 0 0 10px 0;
display: block;
background-color: ${({ theme }) => transparentize(0.6, theme.rightPanel.backgroundColor)};
.Dropdown-placeholder {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.Dropdown-control {
margin-top: 0;
}
@ -58,6 +62,11 @@ export const InvertedSimpleDropdown = styled(StyledDropdown)`
.Dropdown-menu {
margin: 0;
margin-top: 2px;
.Dropdown-option {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
}
`;