Bug 1508402 - Flex item selector dropdown menu should the whole selector if it fits. r=pbro

devtools/client/themes/layout.css

@@ -144,6 +144,9 @@ html[dir="rtl"] .flex-header-button-prev::before {
 .flex-header-content.flex-item-shown {
   justify-content: center;
   padding: 0;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
 }
 
 .flex-header-container-properties {
@@ -229,22 +232,8 @@ html[dir="rtl"] .flex-item-list .devtools-button::after {
  */
 
 #flex-item-selector {
-  background-position: right 4px center;
   cursor: pointer;
-  padding-left: 0;
-  vertical-align: middle;
-  width: 140px;
-}
-
-#flex-item-selector .objectBox-node {
-  display: inline-block;
   font-size: 12px;
-  overflow: hidden;
-  padding-top: 0.15em;
-  text-align: left;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  width: 85%;
 }
 
 /**

devtools/client/themes/toolbars.css

@@ -216,6 +216,7 @@ splitter.devtools-horizontal-splitter,
   background-image: url("chrome://devtools/skin/images/select-arrow.svg") !important;
   background-position: right center !important;
   background-repeat: no-repeat !important;
+  text-overflow: ellipsis;
   overflow: hidden;
   padding-inline-start: 2px !important;
   padding-inline-end: 10px !important;