Bug 1217369 - "Welcome to ..." has extra padding on Loop's standalone UI making it feel strange. r=mikedeboer,ui-review=sevaan
authorMark Banner <standard8@mozilla.com>
Thu, 22 Oct 2015 22:11:44 +0100
changeset 304252 85bd262e7094cfed408b3d36d2f9818355628fd2
parent 304251 045a0eb88d6aa83ea332d5ba01f83cca791ce13c
child 304253 ddb5b8e191c9e6cd1f8f1b6c7524eab20747a402
push id1001
push userraliiev@mozilla.com
push dateMon, 18 Jan 2016 19:06:03 +0000
treeherdermozilla-release@8b89261f3ac4 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmikedeboer
bugs1217369
milestone44.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1217369 - "Welcome to ..." has extra padding on Loop's standalone UI making it feel strange. r=mikedeboer,ui-review=sevaan
browser/components/loop/content/shared/css/conversation.css
--- a/browser/components/loop/content/shared/css/conversation.css
+++ b/browser/components/loop/content/shared/css/conversation.css
@@ -946,16 +946,20 @@ body[platform="win"] .share-service-drop
 
 .text-chat-entry,
 .text-chat-header {
   display: flex;
   margin-bottom: .5em;
   align-items: flex-start;
 }
 
+.text-chat-header > p {
+  margin: 0;
+}
+
 .text-chat-entry {
   /* aligns paragraph to side where reading starts from */
   text-align: start;
 }
 
 /* Sent text chat entries should be on the right */
 .text-chat-entry.sent {
   /* aligns paragraph to right side */
@@ -975,18 +979,16 @@ html[dir="rtl"] .text-chat-entry.sent {
 }
 
 
 html[dir="rtl"] .text-chat-entry.received {
   margin-left: 0;
   margin-right: 5px;
 }
 
-/* If you change this entry, check it doesn't affect the "special" text
-   chat entries as well (.speical, .room-name, .context-url-view-wrapper */
 .text-chat-entry > p {
   position: relative;
   z-index: 10;
   /* Drop the default margins from the 'p' element. */
   margin: 0;
   padding: .8rem;
   /* leave some room for the chat bubble arrow */
   max-width: 70%;