Repository: kafka-site Updated Branches: refs/heads/asf-site a64142793 -> 33a9de23f
Fixed video paramas Author: Manjula K <manj...@kafka-summit.org> Reviewers: Guozhang Wang <wangg...@gmail.com> Closes #96 from manjuapu/streams-updates Project: http://git-wip-us.apache.org/repos/asf/kafka-site/repo Commit: http://git-wip-us.apache.org/repos/asf/kafka-site/commit/33a9de23 Tree: http://git-wip-us.apache.org/repos/asf/kafka-site/tree/33a9de23 Diff: http://git-wip-us.apache.org/repos/asf/kafka-site/diff/33a9de23 Branch: refs/heads/asf-site Commit: 33a9de23f561d77b1e800d3348630d78eef69e08 Parents: a641427 Author: Manjula K <manj...@kafka-summit.org> Authored: Wed Oct 11 15:28:34 2017 -0700 Committer: Guozhang Wang <wangg...@gmail.com> Committed: Wed Oct 11 15:28:34 2017 -0700 ---------------------------------------------------------------------- 0110/streams/index.html | 10 ++++++---- css/styles.css | 15 ++++++++------- 2 files changed, 14 insertions(+), 11 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/kafka-site/blob/33a9de23/0110/streams/index.html ---------------------------------------------------------------------- diff --git a/0110/streams/index.html b/0110/streams/index.html index 15e966d..e5ddbcf 100644 --- a/0110/streams/index.html +++ b/0110/streams/index.html @@ -34,10 +34,10 @@ <div class="video__series__grid"> <div class="yt__video__block"> <div class="yt__video__inner__block"> - <iframe class="yt_series video_1 active" style="display:block" src="https://www.youtube.com/embed/Z3JKCLG3VP4?&modestbranding=1&controls=2&showinfo=1&end=602" frameborder="0" allowfullscreen></iframe> - <iframe class="yt_series video_2" src="https://www.youtube.com/embed/LxxeXI1mPKo?&modestbranding=1&controls=2&showinfo=1&end=623" frameborder="0" allowfullscreen></iframe> - <iframe class="yt_series video_3" src="https://www.youtube.com/embed/7JYEEx7SBuE?&modestbranding=1&controls=2&showinfo=1&end=557" frameborder="0" allowfullscreen></iframe> - <iframe class="yt_series video_4" src="https://www.youtube.com/embed/3kJgYIkAeHs?&modestbranding=1&controls=2&showinfo=1&end=564" frameborder="0" allowfullscreen></iframe> + <iframe class="yt_series video_1 active" style="display:block" src="https://www.youtube.com/embed/Z3JKCLG3VP4?rel=0&showinfo=0&end=602" frameborder="0" allowfullscreen></iframe> + <iframe class="yt_series video_2" src="https://www.youtube.com/embed/LxxeXI1mPKo?rel=0&showinfo=0&end=622" frameborder="0" allowfullscreen></iframe> + <iframe class="yt_series video_3" src="https://www.youtube.com/embed/7JYEEx7SBuE?rel=0&showinfo=0end=557" frameborder="0" allowfullscreen></iframe> + <iframe class="yt_series video_4" src="https://www.youtube.com/embed/3kJgYIkAeHs?rel=0&showinfo=0&end=564" frameborder="0" allowfullscreen></iframe> </div> </div> <div class="video__block"> @@ -263,6 +263,7 @@ <a href="#" class="pagination__btn pagination__btn__prev pagination__btn--disabled">Previous</a> <a href="/{{version}}/documentation/streams/quickstart" class="pagination__btn pagination__btn__next">Next</a> </div> + </script> <!--#include virtual="../../includes/_header.htm" --> <!--#include virtual="../../includes/_top.htm" --> @@ -280,6 +281,7 @@ <!--#include virtual="../../includes/_footer.htm" --> <script> $(function() { + // Show selected style on nav item $('.b-nav__streams').addClass('selected'); http://git-wip-us.apache.org/repos/asf/kafka-site/blob/33a9de23/css/styles.css ---------------------------------------------------------------------- diff --git a/css/styles.css b/css/styles.css index 81ec99f..ca5d0cb 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1074,7 +1074,6 @@ nav .btn { .sticky-top { white-space: nowrap; overflow-y: hidden; - overflow-x: scroll; -webkit-overflow-scrolling: touch; } .video__series__grid { @@ -1216,12 +1215,7 @@ ul.video-list { z-index: 1; width: 100%; } - .sticky-top { - white-space: nowrap; - overflow-y: hidden; - overflow-x: scroll; - -webkit-overflow-scrolling: touch; - } + } .yt_series { display: none; @@ -1346,6 +1340,7 @@ ul.video-list { height: 0; overflow: hidden; } + /* Responsive styles */ @media only screen and (max-width: 1125px) { @@ -1429,6 +1424,9 @@ ul.video-list { iframe { width: 100%; } + .sticky-top{ + overflow-x:scroll; + } } @media only screen and (min-width: 1126px) { .customers__grid { @@ -1437,6 +1435,9 @@ ul.video-list { column-count: 2; max-width: 92rem; } + .sticky-top{ + overflow-x:hidden; + } } @media only screen and (max-width: 1125px) { .video__block h3 {