Update styles page

diff --git a/app/static/src/js/index.js b/app/static/src/js/index.js
index c6a320bac1b3f6df660d20d3c91b67158afd5020..059b6e8fcb7bacf0b044033fb7911ee98a069eed 100644 (file)
--- a/app/static/src/js/index.js
+++ b/app/static/src/js/index.js
@@ -7,6 +7,7 @@ var OpenButton = require('./modules/open-button');
 var CloseButton = require('./modules/close-button');
 var CloseEscape = require('./modules/close-escape');
 var Search = require('./modules/search');
+var OverflowInit = require('./modules/overflow-init');
 
 //
 // Init all the modules
@@ -17,3 +18,4 @@ window[OpenButton] = new OpenButton();
 window[CloseButton] = new CloseButton();
 window[CloseEscape] = new CloseEscape();
 window[Search] = new Search();
+window[OverflowInit] = new OverflowInit();

diff --git a/app/static/src/js/modules/overflow-init.js b/app/static/src/js/modules/overflow-init.js
new file mode 100644 (file)
index 0000000..4538853
--- /dev/null
+++ b/app/static/src/js/modules/overflow-init.js
@@ -0,0 +1,24 @@
+var OverflowInit = function() {
+
+    //
+    // Init
+    //
+    this.init();
+
+};
+
+OverflowInit.prototype.init = function() {
+
+    var that = this;
+
+    Overflow.initialize({
+        selector: '[data-overflow]'
+    });
+
+    Overflow.initialize({
+        selector: 'hr'
+    });
+
+};
+
+module.exports = OverflowInit;

diff --git a/app/templates/includes/html_styleguide.html b/app/templates/includes/html_styleguide.html
index 1c818366176dccc63f923eacb94a26c92d8b80ff..239277ac835055602798f940fdfdd0701e112ed4 100644 (file)
--- a/app/templates/includes/html_styleguide.html
+++ b/app/templates/includes/html_styleguide.html
@@ -103,7 +103,6 @@ for (i = 0; i < divs.length; ++i) {
   divs[i].style.color = "green";
 }</code></pre>
 <p>Monospace Text wrapped in "pre" tags</p>
-<pre><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.</p></pre>
 
 <hr />
 
@@ -354,4 +353,4 @@ for (i = 0; i < divs.length; ++i) {
       <input class="button" type="submit" value="Submit" />
     </p>
   </form>
-</fieldset>
\ No newline at end of file
+</fieldset>