style: hide wiki button in header on small screens
authorReidar Cederqvist <reidar.cederqvist@gmail.com>
Tue, 20 Feb 2018 15:26:58 +0000 (16:26 +0100)
committerReidar Cederqvist <reidar.cederqvist@gmail.com>
Wed, 21 Mar 2018 12:13:34 +0000 (13:13 +0100)
juci/src/css/navigation.less
juci/src/widgets/juci-navbar.html

index f62ddaf..12bab5c 100644 (file)
@@ -51,7 +51,11 @@ ul.left-sub-menu {
        width: 100%;
        top: 0;
        border-bottom: 1px solid @theme-border-color;
-
+       .navbar-wiki {
+               @media screen and (max-width: 767px) {
+                       display: none;
+               }
+       }
        .nav.navbar-nav {
                margin:40px 30px 0 30px;
                & > li {
@@ -79,13 +83,11 @@ ul.left-sub-menu {
        .navbar-toggle {
                background-color: @theme-navigation-toggle-background;
        }
-}
-
-//hide border on small screens
-.navbar-default {
+       //hide border on small screens
        & .navbar-collapse, & .navbar-form {
                @media screen and (max-width: 968px) {
                        border-color: transparent;
+                       margin-bottom: 30px;
                }
        }
 }
index d4a2b6e..4af70e4 100644 (file)
@@ -37,7 +37,7 @@
                                        <a href="{{getHref(item)}}" ng-show="itemVisible(item)" target="{{getHref(item).substring(0,2) === '#!' ? '_self':'_blank'}}" role="button" >{{item.text | translate}} </a>
                                </li>
                        </ul>
-                       <juci-wiki><i class="juci juci-question juci-2x" style="float:right;margin-top:40px;margin-right:20px"></i></juci-wiki>
+                       <juci-wiki class="navbar-wiki"><i class="juci juci-question juci-2x" style="float:right;margin-top:40px;margin-right:20px"></i></juci-wiki>
                </div>
        </div>
 </div>