Improve mobile user experience on pages under /docs (#10072)

Force #docs #vendorStrip elements to use overflow-x: scroll in CSS. Signed-off-by: Takuya Noguchi <takninnovationresearch@gmail.com>
2018-10-16 20:34:55 +09:00 · 2018-10-16 20:34:55 +09:00 · ad54de449f
parent df90172c3b
commit ad54de449f
6 changed files with 23 additions and 5 deletions
--- a/resources/_gen/assets/sass/sass/styles.sass_a6e533854c4de092afe9278041939937.content
+++ b/resources/_gen/assets/sass/sass/styles.sass_a6e533854c4de092afe9278041939937.content
@ -572,7 +572,9 @@ section {
    margin-left: 0; }

 #docs #vendorStrip {
-  line-height: 44px; }
+  line-height: 44px;
+  max-width: 100%;
+  overflow-x: scroll; }
  #docs #vendorStrip ul {
    float: none; }
  #docs #vendorStrip #searchBox {
--- a/sass/_base.sass
+++ b/sass/_base.sass
@ -556,6 +556,8 @@ section
 #docs
 	#vendorStrip
 		line-height: 44px
+		max-width: 100%
+		overflow-x: scroll

 		ul
 			float: none
--- a/static/css/case-study-styles.css
+++ b/static/css/case-study-styles.css
--- a/static/css/case-study-styles.css.map
+++ b/static/css/case-study-styles.css.map
--- a/static/css/styles.css
+++ b/static/css/styles.css
--- a/static/css/styles.css.map
+++ b/static/css/styles.css.map