Bug 1449804 - Part 1: Avoid overwrapping the label content of animation target. r?gl draft
authorDaisuke Akatsuka <dakatsuka@mozilla.com>
Tue, 10 Apr 2018 07:34:08 +0900
changeset 779598 9e21e32abd1e7b1cdba897b2befa404b0313377b
parent 779597 c25be3b716a9d949245716732b439eb9e384b24c
child 779599 40b3f272982de84b86b3054a044c391fa1bf5e1b
push id105822
push userbmo:dakatsuka@mozilla.com
push dateTue, 10 Apr 2018 09:29:19 +0000
reviewersgl
bugs1449804
milestone61.0a1
Bug 1449804 - Part 1: Avoid overwrapping the label content of animation target. r?gl MozReview-Commit-ID: DJE842tgzfC
devtools/client/themes/animation.css
--- a/devtools/client/themes/animation.css
+++ b/devtools/client/themes/animation.css
@@ -203,16 +203,29 @@ select.playback-rate-selector.devtools-b
 .animation-target {
   align-items: center;
   display: flex;
   height: 100%;
   padding-left: 4px;
   width: var(--sidebar-width);
 }
 
+/* Reps component */
+.animation-target .objectBox {
+  display: flex;
+  width: 100%;
+}
+
+.animation-target .objectBox .attrName {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 /* Summary Graph */
 .animation-summary-graph {
   cursor: pointer;
   height: 100%;
   padding-top: 5px;
   position: relative;
   width: calc(100% - var(--sidebar-width) - var(--graph-right-offset));
 }