You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2020/04/22 09:33:27 UTC

[royale-docs] branch master updated: mobile search: try a better layout solution

This is an automated email from the ASF dual-hosted git repository.

carlosrovira pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/royale-docs.git


The following commit(s) were added to refs/heads/master by this push:
     new 8a2ddcf  mobile search: try a better layout solution
8a2ddcf is described below

commit 8a2ddcff2daf54bc153a7d11db73e0ef2b3d23ad
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Wed Apr 22 11:33:04 2020 +0200

    mobile search: try a better layout solution
---
 _sass/docsearch.sass | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/_sass/docsearch.sass b/_sass/docsearch.sass
index 6c61ff0..5a509ea 100644
--- a/_sass/docsearch.sass
+++ b/_sass/docsearch.sass
@@ -484,10 +484,13 @@
 .algolia-autocomplete
     // On a max-width of 768px
     @media (max-width: 768px)
+        
+        width: 100% !important
+
         .ds-dropdown-menu 
-            max-width: calc(100vw - 32px) !important
-            min-width: calc(100vw - 32px) !important      
-            width: calc(100vw - 32px) !important
+            max-width: 100% !important
+            min-width: 0 !important     
+            width: 100% !important
             margin-left: 16px !important
 
         .algolia-docsearch-suggestion--content