]> git.ipfire.org Git - thirdparty/bulma.git/commitdiff
projects / thirdparty / bulma.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 687572b)
Add .has-navbar-fixed-somewhere support to body tag (#1485) (#1490) 1652/head
authorGeorge Chung <Gerhut@GMail.com>
Fri, 9 Feb 2018 17:42:46 +0000 (01:42 +0800)
committerJeremy Thomas <bbxdesign@gmail.com>
Fri, 9 Feb 2018 17:42:46 +0000 (17:42 +0000)
* Add .has-navbar-fixed-somewhere support to body tag (#1485)

* update docs

docs/documentation/components/navbar.html patch | blob | blame | history
sass/components/navbar.sass patch | blob | blame | history

diff --git a/docs/documentation/components/navbar.html b/docs/documentation/components/navbar.html
index aa5ed166297557d85ba29cf80c619d12a9657f3d..08a7e245e07a30f12c6d18d5390a980277cb61fa 100644 (file)
--- a/docs/documentation/components/navbar.html
+++ b/docs/documentation/components/navbar.html
@@ -819,7 +819,7 @@ document.addEventListener('DOMContentLoaded', function () {
           {% highlight html %}<nav class="navbar is-fixed-top">{% endhighlight %}
         </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 %}
         </li>
       </ul>
diff --git a/sass/components/navbar.sass b/sass/components/navbar.sass
index c75a485f968ab3926ab0dc249534446bd9403842..18f64402acb34073e4917945b04427de4ef4ed7a 100644 (file)
--- a/sass/components/navbar.sass
+++ b/sass/components/navbar.sass
@@ -109,10 +109,12 @@ $navbar-divider-background-color: $border !default
   &.is-fixed-top
     top: 0
 
-html.has-navbar-fixed-top
+html.has-navbar-fixed-top,
+body.has-navbar-fixed-top
   padding-top: $navbar-height
 
-html.has-navbar-fixed-bottom
+html.has-navbar-fixed-bottom,
+body.has-navbar-fixed-bottom
   padding-bottom: $navbar-height
 
 .navbar-brand,
Mirror of https://github.com/jgthms/bulma.git