From 995229a44c462a77b9591cf635937d73791b4321 Mon Sep 17 00:00:00 2001 From: Eric Jimenez Date: Sat, 16 Apr 2016 14:22:22 -0400 Subject: [PATCH] override column layout in extra small screens, fixes issue with overlapping text in api docs with safari mobile. --- public/resources/css/module/_api.scss | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/public/resources/css/module/_api.scss b/public/resources/css/module/_api.scss index 55c9149cdc..558dd70812 100644 --- a/public/resources/css/module/_api.scss +++ b/public/resources/css/module/_api.scss @@ -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; }