This is an automated email from the ASF dual-hosted git repository. sushuang pushed a commit to branch master in repository https://gitbox.apache.org/repos/asf/incubator-echarts-www.git
commit f00b209aee0f6f4ad45d0691cef6a752e3459cbb Author: 100pah <[email protected]> AuthorDate: Wed Dec 30 02:19:32 2020 +0800 fix: media nav --- _scss/_components.nav.scss | 29 +++++++++++++++++++++++++++-- 1 file changed, 27 insertions(+), 2 deletions(-) diff --git a/_scss/_components.nav.scss b/_scss/_components.nav.scss index c26d75a..20c7d6b 100644 --- a/_scss/_components.nav.scss +++ b/_scss/_components.nav.scss @@ -1,4 +1,5 @@ $nav-height: 51px; +$collapse-break-point: 768px; .navbar-default { border: none; @@ -211,7 +212,7 @@ $nav-height: 51px; opacity: 0.5; } -@media (max-width: 768px) { +@media (max-width: $collapse-break-point) { .navbar-default { .navbar-nav { background-color: $clr-primary; @@ -240,10 +241,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; } } } + +@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: [email protected] For additional commands, e-mail: [email protected]
