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

Force #docs #vendorStrip elements to use overflow-x: scroll in CSS. Signed-off-by: Takuya Noguchi <takninnovationresearch@gmail.com>
gochist · Oct 16, 2018 · ad54de4 · ad54de4
1 parent df90172
commit ad54de4
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 5 deletions.
diff --git 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 {

diff --git 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

diff --git a/static/css/case-study-styles.css b/static/css/case-study-styles.css
diff --git a/static/css/case-study-styles.css.map b/static/css/case-study-styles.css.map
diff --git a/static/css/styles.css b/static/css/styles.css
diff --git a/static/css/styles.css.map b/static/css/styles.css.map