Bug 1221732 - Long page titles wrap in the panel conversation list, ui-r=sevaan, r=dmose
authorFernando Campo <fernando.campo@telefonica.com>
Fri, 06 Nov 2015 13:57:07 -0800
changeset 271565 3a3efe8da7702a755bc00fe169b3c123f2a0465e
parent 271564 27de47e6bbfbbd3a24c49f161098a6a5cea4c804
child 271566 2bd857903ba9c2f5779fcb32f24673131a405192
push id29649
push usercbook@mozilla.com
push dateMon, 09 Nov 2015 13:31:00 +0000
treeherdermozilla-central@c3cc6795b684 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerssevaan, dmose
bugs1221732
milestone45.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 1221732 - Long page titles wrap in the panel conversation list, ui-r=sevaan, r=dmose
browser/components/loop/content/css/panel.css
browser/components/loop/ui/fake-mozLoop.js
--- a/browser/components/loop/content/css/panel.css
+++ b/browser/components/loop/content/css/panel.css
@@ -257,22 +257,27 @@ body {
 .room-list > .room-entry {
   padding: .2rem 15px;
   /* Always show the default pointer, even over the text part of the entry. */
   cursor: default;
 }
 
 .room-list > .room-entry > h2 {
   display: inline-block;
+  vertical-align: middle;
+  /* See .room-entry-context-item for the margin/size reductions.
+   * An extra 16px to make space for the edit button. */
+  width: calc(100% - 1rem - 32px);
+
   font-size: 1.3rem;
   line-height: 2.4rem;
   color: #000;
-  /* See .room-entry-context-item for the margin/size reductions.
-   * An extra 16px to make space for the edit button. */
-  width: calc(100% - 1rem - 32px);
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
 }
 
 .room-list > .room-entry.room-active:not(.room-opened) > h2 {
   font-weight: bold;
 }
 
 .room-list > .room-entry:not(.room-opened):hover {
   background: #dbf7ff;
--- a/browser/components/loop/ui/fake-mozLoop.js
+++ b/browser/components/loop/ui/fake-mozLoop.js
@@ -60,17 +60,17 @@ var fakeRooms = [
     "creationTime": 1405537485,
     "ctime": 1405537485,
     "expiresAt": 1405554180,
     "participants": []
   },
   {
     "roomToken": "fjdkreFJDer",
     "decryptedContext": {
-      "roomName": "Forth Room Name"
+      "roomName": "Fourth Room Name"
     },
     "roomUrl": "http://localhost:3000/rooms/fjdkreFJDer",
     "roomOwner": "Alexis",
     "maxSize": 2,
     "creationTime": 1405546564,
     "ctime": 1405546564,
     "expiresAt": 1405564180,
     "participants": []
@@ -86,17 +86,17 @@ var fakeRooms = [
     "creationTime": 1405566934,
     "ctime": 1405566934,
     "expiresAt": 1405584180,
     "participants": []
   },
   {
     "roomToken": "preFLighdf",
     "decryptedContext": {
-      "roomName": "Sixth Room Name"
+      "roomName": "Sixth Room Name is a little longer to check the ellipsis"
     },
     "roomUrl": "http://localhost:3000/rooms/preFLighdf",
     "roomOwner": "Alexis",
     "maxSize": 2,
     "creationTime": 1405576934,
     "ctime": 1405576934,
     "expiresAt": 1405614180,
     "participants": []