Fix Tabzilla promo to avoid splitting a sentence between strings.

mozilla · Mar 13, 2013 · 7b73d77 · 7b73d77
1 parent 2233e5a
commit 7b73d77
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/apps/tabzilla/templates/tabzilla/tabzilla.js b/apps/tabzilla/templates/tabzilla/tabzilla.js
@@ -536,8 +536,7 @@ Tabzilla.content =
     + '  <div id="tabzilla-promo">'
     + '    <div class="snippet" id="tabzilla-promo-mwc">'
     + '    <a href="https://www.mozilla.org/firefox/partners/">'
-    + '     <h4>{{ _('Firefox OS debuts')|js_escape }}</h4>'
-    + '     <p>{{ _('at Mobile World Congress!')|js_escape }}</p>'
+    + '     <h4>{{ _('Firefox OS debuts <span>at Mobile World Congress!</span>') }}</h4>'
     + '     <p>{{ _('Learn more')|js_escape }} »</p></a>'
     + '    </div>'
     + '  </div>'

diff --git a/media/css/tabzilla.less b/media/css/tabzilla.less
@@ -357,6 +357,17 @@
         font-size: 46px;
         line-height: 46px;
         margin-bottom: 5px;
+
+        span {
+            display: block;
+            font-family: 'Open Sans', sans-serif;
+            font-size: 16px;
+            text-transform: none;
+            width: 150px;
+            margin-top: 5px;
+            margin-bottom: 10px;
+            line-height: 20px;
+        }
     }
     p {
         font-size: 16px;