Optimize message docs

diff --git a/docs/_javascript/main.js b/docs/_javascript/main.js
index a58bd3cbf40ac1f0b7ce4f145583458188398f1d..c9fe455af0151af0ac0e5c7cc31aa4a34c784a6b 100644 (file)
--- a/docs/_javascript/main.js
+++ b/docs/_javascript/main.js
@@ -11,7 +11,7 @@ document.addEventListener('DOMContentLoaded', () => {
         const target = $el.getAttribute('href');
         const $target = document.getElementById(target.substring(1));
         $target.scrollIntoView(true);
-        window.history.replaceState(null, document.title, `${window.location.origin}${window.location.pathname}${target}`);
+        // window.history.replaceState(null, document.title, `${window.location.origin}${window.location.pathname}${target}`);
         return false;
       });
     });
@@ -152,4 +152,27 @@ document.addEventListener('DOMContentLoaded', () => {
     return Array.prototype.slice.call(document.querySelectorAll(selector), 0);
   }
 
+  let latestKnownScrollY = 0;
+  let ticking = false;
+
+  function scrollUpdate() {
+    ticking = false;
+    // do stuff
+  }
+
+
+  function onScroll() {
+    latestKnownScrollY = window.scrollY;
+    scrollRequestTick();
+  }
+
+  function scrollRequestTick() {
+    if(!ticking) {
+      requestAnimationFrame(scrollUpdate);
+    }
+    ticking = true;
+  }
+
+   window.addEventListener('scroll', onScroll, false);
+
 });

diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index 12cbaf6ea41507ef792b892e526b8a3046b9fa24..bacf89581b7c9e094a70f0be1a3c0e454ae8c9b3 100644 (file)
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@ -3510,7 +3510,7 @@ a.tag:hover {
 .title {
   color: #363636;
   font-size: 2rem;
-  font-weight: 700;
+  font-weight: 600;
   line-height: 1.125;
 }
 

diff --git a/docs/documentation/components/message.html b/docs/documentation/components/message.html
index f70380945c2dd1bdef27a4ea3395cf8e9f7e5810..aac9f5f908353560d92e6c26941d9b5661a8cdd6 100644 (file)
--- a/docs/documentation/components/message.html
+++ b/docs/documentation/components/message.html
@@ -210,29 +210,29 @@ variables:
       </div>
     </div>
 
-    <hr>
+    {% include heading.html name="Colors" %}
 
-    <h3 class="subtitle">Message body only</h3>
-    <div class="content">
-      <p>You can <strong>omit</strong> the message header:</p>
-    </div>
     <div class="columns">
       <div class="column is-half">
-        {{message_body_example}}
+        {{message_colors_example}}
       </div>
       <div class="column is-half">
-        {% highlight html %}{{message_body_example}}{% endhighlight %}
+        {% highlight html %}{{message_colors_example}}{% endhighlight %}
       </div>
     </div>
 
-    {% include heading.html name="Colors" %}
+    <hr>
 
+    <h3 class="title">Message body only</h3>
+    <div class="content">
+      <p>You can <strong>omit</strong> the message header:</p>
+    </div>
     <div class="columns">
       <div class="column is-half">
-        {{message_colors_example}}
+        {{message_body_example}}
       </div>
       <div class="column is-half">
-        {% highlight html %}{{message_colors_example}}{% endhighlight %}
+        {% highlight html %}{{message_body_example}}{% endhighlight %}
       </div>
     </div>
 

diff --git a/docs/lib/main.js b/docs/lib/main.js
index 482e2cf0e30fb482645044d7e7700c5b8fa3839b..99a897370fc1ce0fc44cc1ecd98a214bee5bf44e 100644 (file)
--- a/docs/lib/main.js
+++ b/docs/lib/main.js
@@ -13,7 +13,7 @@ document.addEventListener('DOMContentLoaded', function () {
         var target = $el.getAttribute('href');
         var $target = document.getElementById(target.substring(1));
         $target.scrollIntoView(true);
-        window.history.replaceState(null, document.title, '' + window.location.origin + window.location.pathname + target);
+        // window.history.replaceState(null, document.title, `${window.location.origin}${window.location.pathname}${target}`);
         return false;
       });
     });
@@ -153,4 +153,26 @@ document.addEventListener('DOMContentLoaded', function () {
   function getAll(selector) {
     return Array.prototype.slice.call(document.querySelectorAll(selector), 0);
   }
+
+  var latestKnownScrollY = 0;
+  var ticking = false;
+
+  function scrollUpdate() {
+    ticking = false;
+    // do stuff
+  }
+
+  function onScroll() {
+    latestKnownScrollY = window.scrollY;
+    scrollRequestTick();
+  }
+
+  function scrollRequestTick() {
+    if (!ticking) {
+      requestAnimationFrame(scrollUpdate);
+    }
+    ticking = true;
+  }
+
+  window.addEventListener('scroll', onScroll, false);
 });
\ No newline at end of file

diff --git a/sass/elements/title.sass b/sass/elements/title.sass
index b604e808373ccabb5f5cf9eef87d2320ab41a4dd..f9a50c5f27c08c9764278412765a7e1f98bd9b83 100755 (executable)
--- a/sass/elements/title.sass
+++ b/sass/elements/title.sass
@@ -1,6 +1,6 @@
 $title-color: $grey-darker !default
 $title-size: $size-3 !default
-$title-weight: $weight-bold !default
+$title-weight: $weight-semibold !default
 $title-strong-color: inherit !default
 $title-strong-weight: inherit !default