[FIX] inject WORD JOINER inside p so they don't seemingly disappear after saving

bzr revid: xmo@openerp.com-20140317124056-kg2jngp2mg769v7m

2 files changed, 11 insertions, 4 deletions

diff --git a/addons/website/static/src/css/website.css b/addons/website/static/src/css/website.css
index 1f0242d93d1..fd5492c9bc2 100644
--- a/addons/website/static/src/css/website.css
+++ b/addons/website/static/src/css/website.css
@@ -102,6 +102,10 @@ header a.navbar-brand img {
   max-height: 50px;
 }
 
+div:before, p:before {
+  content: "\2060";
+}
+
 /* ----- Snippets Styles ----- */
 .readable {
   font-size: 120%;
@@ -217,7 +221,6 @@ footer {
 /* -- Hack for removing double scrollbar from mobile preview -- */
 div#mobile-preview.modal {
   overflow: hidden;
-  overflow-y: hidden;
 }
 
 ul.nav-stacked > li > a {
@@ -284,6 +287,7 @@ ul.nav-stacked > li > a {
 section, .carousel, .parallax, .row, .hr, .blockquote {
   min-height: 30px;
 }
+
 .carousel, .parallax, .blockquote {
   overflow: hidden;
 }
diff --git a/addons/website/static/src/css/website.sass b/addons/website/static/src/css/website.sass
index e08d5c1dbe3..44afd627214 100644
--- a/addons/website/static/src/css/website.sass
+++ b/addons/website/static/src/css/website.sass
@@ -68,6 +68,12 @@ header
         img
             max-height: 50px
 
+// add {WORD JOINER} (equivalent to deprecated ZERO WIDTH NO-BREAK SPACE) at
+// the beginning of paragraphs (and divs) so they don't "disappear" after
+// saving when used solely for spacing.
+div:before, p:before
+    content: '\2060'
+
 /* ----- Snippets Styles ----- */
 
 .readable
@@ -78,11 +84,9 @@ header
 
 /* ----- EDITOR ----- */
 
-
 .css_non_editable_mode_hidden
     display: none
 
-
 /* ----- BOOTSTRAP FIX ----- */
 
 .container, .readable
@@ -180,7 +184,6 @@ footer
 /* -- Hack for removing double scrollbar from mobile preview -- */
 div#mobile-preview.modal
     overflow: hidden
-    overflow-y: hidden
 
 ul.nav-stacked > li > a
     padding: 2px 15px