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

Remove drop down arrow absolute positioning

Browse Source 
Drop down arrow is already centered automatically within inline-flex container.
This commit is contained in:
Volodymyr Kelembet 2021-01-26 11:01:48 +02:00
parent dffd0ed5f8
commit c35c8b5f54
1 changed files with 2 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/common-elements/dropdown.ts
View File

@ -43,9 +43,7 @@ export const StyledDropdown = styled(Dropdown)`
display: inline-flex; display: inline-flex;
padding: 0; padding: 0;
height: auto; height: auto;
padding-right: 20px;
position: relative; position: relative;
margin-bottom: 5px;
} }
.dropdown-selector-value { .dropdown-selector-value {
font-family: ${(props) => props.theme.typography.headings.fontFamily}; font-family: ${(props) => props.theme.typography.headings.fontFamily};
@ -59,14 +57,12 @@ export const StyledDropdown = styled(Dropdown)`
transition: color 0.25s ease, text-shadow 0.25s ease; transition: color 0.25s ease, text-shadow 0.25s ease;
} }
.dropdown-arrow { .dropdown-arrow {
position: absolute; position: static;
right: 3px;
top: 50%;
transform: translateY(-50%);
border-color: ${(props) => props.theme.colors.primary.main} transparent transparent; border-color: ${(props) => props.theme.colors.primary.main} transparent transparent;
border-style: solid; border-style: solid;
border-width: 0.35em 0.35em 0; border-width: 0.35em 0.35em 0;
width: 0; width: 0;
height: 0;
svg { svg {
display: none; display: none;
} }