Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-08-08 06:04:56 +03:00
Code Issues Packages Projects Releases Wiki Activity

Update dropdown styles

Browse Source
This commit is contained in:
Oleksiy Kachynskyy 2020-04-02 11:45:32 +03:00
parent b4fa0fe110
commit b88ecad51a
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/PayloadSamples/styled.elements.ts
View File

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