fix: ie11 fix

This commit is contained in:
romanhotsiy 2020-10-13 16:14:09 +03:00
parent 6f6fe575e5
commit c10decbbd5
No known key found for this signature in database
GPG Key ID: 0BC2221278CCBBB8
3 changed files with 11 additions and 4 deletions

View File

@ -142,11 +142,18 @@ export const PropertiesTable = styled.table`
${media.lessThan('small')` ${media.lessThan('small')`
display: block; display: block;
> tr, > tbody, tr { > tr, > tbody > tr {
display: block; display: block;
} }
`} `}
${media.lessThan('small', false, ' and (-ms-high-contrast:none)')`
td {
float: left;
width: 100%;
}
`}
& &
${InnerPropertiesWrap}, ${InnerPropertiesWrap},
& &

View File

@ -85,7 +85,7 @@ export class SecurityRequirement extends React.PureComponent<SecurityRequirement
} }
const AuthHeaderColumn = styled.div` const AuthHeaderColumn = styled.div`
flex: 1; flex: 1 1 auto;
`; `;
const SecuritiesColumn = styled.div` const SecuritiesColumn = styled.div`

View File

@ -13,10 +13,10 @@ const {
} = styledComponents as styledComponents.ThemedStyledComponentsModule<ResolvedThemeInterface>; } = styledComponents as styledComponents.ThemedStyledComponentsModule<ResolvedThemeInterface>;
export const media = { export const media = {
lessThan(breakpoint, print?: boolean) { lessThan(breakpoint, print?: boolean, extra?: string) {
return (...args) => css` return (...args) => css`
@media ${print ? 'print, ' : ''} screen and (max-width: ${props => @media ${print ? 'print, ' : ''} screen and (max-width: ${props =>
props.theme.breakpoints[breakpoint]}) { props.theme.breakpoints[breakpoint]})${extra || ''} {
${(css as any)(...args)}; ${(css as any)(...args)};
} }
`; `;