浏览代码

Add .has-navbar-fixed-somewhere support to body tag (#1485) (#1490)

* Add .has-navbar-fixed-somewhere support to body tag (#1485)

* update docs
George Chung 7 年之前
父节点
当前提交
0c4482b46d
共有 2 个文件被更改,包括 5 次插入3 次删除
  1. 1 1
      docs/documentation/components/navbar.html
  2. 4 2
      sass/components/navbar.sass

+ 1 - 1
docs/documentation/components/navbar.html

@@ -819,7 +819,7 @@ document.addEventListener('DOMContentLoaded', function () {
           {% highlight html %}<nav class="navbar is-fixed-top">{% endhighlight %}
           {% highlight html %}<nav class="navbar is-fixed-top">{% endhighlight %}
         </li>
         </li>
         <li>
         <li>
-          Add the corresponding <code>has-navbar-fixed-top</code> or <code>has-navbar-fixed-bottom</code> modifier to the <code>&lt;html&gt;</code> element to provide the appropriate padding to the page
+          Add the corresponding <code>has-navbar-fixed-top</code> or <code>has-navbar-fixed-bottom</code> modifier to either <code>&lt;html&gt;</code> or <code>&lt;body&gt;</code> element to provide the appropriate padding to the page
           {% highlight html %}<html class="has-navbar-fixed-top">{% endhighlight %}
           {% highlight html %}<html class="has-navbar-fixed-top">{% endhighlight %}
         </li>
         </li>
       </ul>
       </ul>

+ 4 - 2
sass/components/navbar.sass

@@ -109,10 +109,12 @@ $navbar-divider-background-color: $border !default
   &.is-fixed-top
   &.is-fixed-top
     top: 0
     top: 0
 
 
-html.has-navbar-fixed-top
+html.has-navbar-fixed-top,
+body.has-navbar-fixed-top
   padding-top: $navbar-height
   padding-top: $navbar-height
 
 
-html.has-navbar-fixed-bottom
+html.has-navbar-fixed-bottom,
+body.has-navbar-fixed-bottom
   padding-bottom: $navbar-height
   padding-bottom: $navbar-height
 
 
 .navbar-brand,
 .navbar-brand,