Merge branch 'master' into 2019-design

diff --combined resources/assets/js/components/index.js
index a9ce31362a10c02aabac847935dd8443b3b6e1f6,bf6fbf619701baf82059d294487f3c3ad3f4dcaf..7007b587827d16746ec588d468768648ca922693
--- 1/resources/assets/js/components/index.js
--- 2/resources/assets/js/components/index.js
+++ b/resources/assets/js/components/index.js
@@@ -1,31 -1,51 +1,53 @@@
+ import dropdown from "./dropdown";
+ import overlay from "./overlay";
+ import backToTop from "./back-to-top";
+ import notification from "./notification";
+ import chapterToggle from "./chapter-toggle";
+ import expandToggle from "./expand-toggle";
+ import entitySelectorPopup from "./entity-selector-popup";
+ import entitySelector from "./entity-selector";
+ import sidebar from "./sidebar";
+ import pagePicker from "./page-picker";
+ import pageComments from "./page-comments";
+ import wysiwygEditor from "./wysiwyg-editor";
+ import markdownEditor from "./markdown-editor";
+ import editorToolbox from "./editor-toolbox";
+ import imagePicker from "./image-picker";
+ import collapsible from "./collapsible";
+ import toggleSwitch from "./toggle-switch";
+ import pageDisplay from "./page-display";
+ import shelfSort from "./shelf-sort";
+ import homepageControl from "./homepage-control";
++import headerMobileToggle from "./header-mobile-toggle";
  
- let componentMapping = {
-     'dropdown': require('./dropdown'),
-     'overlay': require('./overlay'),
-     'back-to-top': require('./back-top-top'),
-     'notification': require('./notification'),
-     'chapter-toggle': require('./chapter-toggle'),
-     'expand-toggle': require('./expand-toggle'),
-     'entity-selector-popup': require('./entity-selector-popup'),
-     'entity-selector': require('./entity-selector'),
-     'sidebar': require('./sidebar'),
-     'page-picker': require('./page-picker'),
-     'page-comments': require('./page-comments'),
-     'wysiwyg-editor': require('./wysiwyg-editor'),
-     'markdown-editor': require('./markdown-editor'),
-     'editor-toolbox': require('./editor-toolbox'),
-     'image-picker': require('./image-picker'),
-     'collapsible': require('./collapsible'),
-     'toggle-switch': require('./toggle-switch'),
-     'page-display': require('./page-display'),
-     'shelf-sort': require('./shelf-sort'),
-     'homepage-control': require('./homepage-control'),
-     'header-mobile-toggle': require('./header-mobile-toggle'),
+ 
+ const componentMapping = {
+     'dropdown': dropdown,
+     'overlay': overlay,
+     'back-to-top': backToTop,
+     'notification': notification,
+     'chapter-toggle': chapterToggle,
+     'expand-toggle': expandToggle,
+     'entity-selector-popup': entitySelectorPopup,
+     'entity-selector': entitySelector,
+     'sidebar': sidebar,
+     'page-picker': pagePicker,
+     'page-comments': pageComments,
+     'wysiwyg-editor': wysiwygEditor,
+     'markdown-editor': markdownEditor,
+     'editor-toolbox': editorToolbox,
+     'image-picker': imagePicker,
+     'collapsible': collapsible,
+     'toggle-switch': toggleSwitch,
+     'page-display': pageDisplay,
+     'shelf-sort': shelfSort,
+     'homepage-control': homepageControl,
++     'header-mobile-toggle': headerMobileToggle,
  };
  
  window.components = {};
  
- let componentNames = Object.keys(componentMapping);
+ const componentNames = Object.keys(componentMapping);
  
  /**
   * Initialize components of the given name within the given element.
@@@ -59,4 -79,4 +81,4 @@@ function initAll(parentElement) 
  
  window.components.init = initAll;
  
--export default initAll;
++export default initAll;

diff --combined resources/assets/js/components/page-display.js
index cffaf373d0ab91c91e8d2eb6e38f2b429196a92a,cbb672222c264cc1ab5114269771989f9f1aa9aa..a76160247e768df6e1fe7d08719dd1bf805a8ad7
--- 1/resources/assets/js/components/page-display.js
--- 2/resources/assets/js/components/page-display.js
+++ b/resources/assets/js/components/page-display.js
@@@ -1,4 -1,4 +1,4 @@@
- import Clipboard from "clipboard";
+ import Clipboard from "clipboard/dist/clipboard.min";
  import Code from "../services/code";
  
  class PageDisplay {
@@@ -136,7 -136,7 +136,7 @@@
  
          // Fix the tree as a sidebar
          function stickTree() {
 -            $sidebar.width($bookTreeParent.width() + 15);
 +            $sidebar.width($bookTreeParent.width() - 32);
              $sidebar.addClass("fixed");
              isFixed = true;
          }
@@@ -233,4 -233,4 +233,4 @@@
      }
  }
  
- module.exports = PageDisplay;
+ export default PageDisplay;