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) {
|
@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 {
|
code {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue