Bug 1449804 - Part 2: Avoid overwrapping the label content of animation detail title. r=gl
authorDaisuke Akatsuka <dakatsuka@mozilla.com>
Tue, 10 Apr 2018 07:34:36 +0900
changeset 779694 db03e2cdae9ab05482f98e3c567896234c66e226
parent 779693 6561515c80abd663f37e5b319abb6c611d51b5f6
child 779723 a8061a09cd7064a8783ca9e67979d77fb52e001e
child 779827 9a71f7c0daa04971d811c3a4b4a268b6b2ecfdf4
push id105836
push userbmo:ato@sny.no
push dateTue, 10 Apr 2018 12:07:22 +0000
reviewersgl
bugs1449804
milestone61.0a1
Bug 1449804 - Part 2: Avoid overwrapping the label content of animation detail title. r=gl MozReview-Commit-ID: EOAto87YjFP
devtools/client/themes/animation.css
--- a/devtools/client/themes/animation.css
+++ b/devtools/client/themes/animation.css
@@ -344,16 +344,18 @@ select.playback-rate-selector.devtools-b
 }
 
 .animation-detail-header {
   display: flex;
 }
 
 .animation-detail-title {
   flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 .animation-detail-close-button::before {
   background-image: url(chrome://devtools/skin/images/close.svg);
 }
 
 /* Animated Property List Container */