diff --git a/browser/components/loop/content/css/contacts.css b/browser/components/loop/content/css/contacts.css index a671e541a69d..3ca9360cddce 100644 --- a/browser/components/loop/content/css/contacts.css +++ b/browser/components/loop/content/css/contacts.css @@ -251,18 +251,10 @@ html[dir="rtl"] .contact-filter { width: 100%; } -.panel-text-medium, -.panel-text-large { +.panel-text-medium{ margin: 3px; color: #4a4a4a; -} - -.panel-text-medium { - font-size: 1.2rem; -} - -.panel-text-large { - font-size: 2.2rem; + font-size: 1.3rem; } .contact > .details > .username { diff --git a/browser/components/loop/content/css/panel.css b/browser/components/loop/content/css/panel.css index ec19839246e4..b49446d948b0 100644 --- a/browser/components/loop/content/css/panel.css +++ b/browser/components/loop/content/css/panel.css @@ -292,8 +292,8 @@ html[dir="rtl"] .tab-view li:nth-child(2).selected ~ .slide-bar { position: relative; top: 50%; transform: translateY(-50%); - padding-top: 75px; - padding-bottom: 10px; + padding-top: 11rem; + padding-bottom: 1rem; background-image: url("../shared/img/empty_conversations.svg"); } diff --git a/browser/components/loop/content/js/panel.js b/browser/components/loop/content/js/panel.js index 92cfbee9bdb3..217341498d10 100644 --- a/browser/components/loop/content/js/panel.js +++ b/browser/components/loop/content/js/panel.js @@ -829,11 +829,11 @@ loop.panel = (function(_, mozL10n) { React.createElement("div", {className: "rooms"}, React.createElement("div", {className: "room-list-empty"}, React.createElement("div", {className: "no-conversations-message"}, - React.createElement("p", {className: "panel-text-large"}, - mozL10n.get("no_conversations_message_heading") + React.createElement("p", {className: "panel-text-medium"}, + mozL10n.get("no_conversations_message_heading2") ), React.createElement("p", {className: "panel-text-medium"}, - mozL10n.get("no_conversations_start_message") + mozL10n.get("no_conversations_start_message2") ) ) ), diff --git a/browser/components/loop/content/js/panel.jsx b/browser/components/loop/content/js/panel.jsx index a9a978873eea..10a6ac7ee1b7 100644 --- a/browser/components/loop/content/js/panel.jsx +++ b/browser/components/loop/content/js/panel.jsx @@ -829,11 +829,11 @@ loop.panel = (function(_, mozL10n) {
- {mozL10n.get("no_conversations_message_heading")} +
+ {mozL10n.get("no_conversations_message_heading2")}
- {mozL10n.get("no_conversations_start_message")} + {mozL10n.get("no_conversations_start_message2")}