Merge pull request #351 from kinghuang/1429-op-list-overflow

Improve display of long operation names in Operations list
jaegertracing · Mar 21, 2019 · 35f1cbd · 35f1cbd
2 parents 4f78dcf + 14529aa
commit 35f1cbd
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/packages/jaeger-ui/src/components/SearchTracePage/SearchForm.js b/packages/jaeger-ui/src/components/SearchTracePage/SearchForm.js
@@ -215,7 +215,7 @@ export class SearchFormImpl extends React.PureComponent {
             props={{
               clearable: false,
               disabled: disabled || noSelectedService,
-              options: ['all'].concat(opsForSvc).map(v => ({ label: v, value: v })),
+              options: ['all'].concat(opsForSvc).map(v => ({ label: v, value: v, title: v })),
               required: true,
             }}
           />

diff --git a/packages/jaeger-ui/src/components/common/VirtSelect.css b/packages/jaeger-ui/src/components/common/VirtSelect.css
@@ -40,6 +40,7 @@ limitations under the License.
   display: flex;
   align-items: center;
   padding: 0 0.5rem;
+  white-space: nowrap;
 }
 
 .VirtSelect--option.is-focused {