This is an automated email from the ASF dual-hosted git repository. sushuang pushed a commit to branch gh-pages in repository https://gitbox.apache.org/repos/asf/incubator-echarts-examples.git
The following commit(s) were added to refs/heads/gh-pages by this push: new ce9273c fix: media nav ce9273c is described below commit ce9273c590b283643d74fbeecae1524aa4447251 Author: 100pah <sushuang0...@gmail.com> AuthorDate: Wed Dec 30 02:34:31 2020 +0800 fix: media nav --- public/stylesheets/scss/_component.nav.scss | 31 ++++++++++++++++++++++++++--- 1 file changed, 28 insertions(+), 3 deletions(-) diff --git a/public/stylesheets/scss/_component.nav.scss b/public/stylesheets/scss/_component.nav.scss index bff5712..4bc0a77 100644 --- a/public/stylesheets/scss/_component.nav.scss +++ b/public/stylesheets/scss/_component.nav.scss @@ -1,4 +1,5 @@ $nav-height: 51px; +$collapse-break-point: 768px; .navbar-default { border: none; @@ -204,7 +205,7 @@ $nav-height: 51px; } } -@media (max-width: 768px) { +@media (max-width: $collapse-break-point) { .navbar-default { .navbar-nav { background-color: $clr-primary; @@ -233,10 +234,34 @@ $nav-height: 51px; } } -@media (max-width: 992px) and (min-width: 768px) { +@media (max-width: 1280px) and (min-width: 1192px) { .navbar-default { .navbar-nav li a { padding: 15px 15px; } } -} \ No newline at end of file +} + +@media (max-width: 1192px) and (min-width: 900px) { + .navbar-default { + .navbar-nav li a { + padding: 15px 8px; + } + } +} + +@media (max-width: 900px) and (min-width: $collapse-break-point) { + .navbar-default { + .navbar-nav li a { + padding: 15px 3px; + font-size: 12px; + } + } +} + +@media (max-width: 1065px) { + #nav-apache { + display: none; + } +} + --------------------------------------------------------------------- To unsubscribe, e-mail: commits-unsubscr...@echarts.apache.org For additional commands, e-mail: commits-h...@echarts.apache.org