override column layout in extra small screens, fixes issue with overlapping text in api docs with safari mobile.
This commit is contained in:
parent
cb0a4a7fe0
commit
995229a44c
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue