override column layout in extra small screens, fixes issue with overlapping text in api docs with safari mobile.

This commit is contained in:
Eric Jimenez 2016-04-16 14:22:22 -04:00 committed by Naomi Black
parent cb0a4a7fe0
commit 995229a44c
1 changed files with 9 additions and 0 deletions

View File

@ -169,6 +169,15 @@ input.api-filter {
}
@media screen and (max-width: 600px) {
.docs-content {
// Overrides display flex from angular material.
// This was added because Safari doesn't play nice with layout="column".
// Look of API doc in Chrome and Firefox remains the same, and is fixed for Safari.
.layout-xs-column {
display: block !important;
}
}
code {
font-size: 12px;
}