From: Jérémy Fabre <blackmagik88@gmail.com>
Date: Wed, 20 Jul 2016 13:58:48 +0000 (+0200)
Subject: Update styles page
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=78c22915492bc02898a21777fe405b962002bccc;p=mezzo.git

Update styles page
---

diff --git a/app/static/src/js/index.js b/app/static/src/js/index.js
index c6a320ba..059b6e8f 100644
--- 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
index 00000000..4538853e
--- /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 1c818366..239277ac 100644
--- 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>