fix(select): fix layout issue

- Make selector less agressive restricting it to the text span only - Add a max width, so the overflow rule will go in effect if we reach the width of the container Closes #6200
angular · Mar 11, 2016 · 91109b7 · 91109b7
1 parent d2b02c8
commit 91109b7
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/components/select/select.scss b/src/components/select/select.scss
@@ -104,16 +104,18 @@ md-select {
  min-height: 26px;
  flex-grow: 1;
 
- ._md-text {
- display: inline;
- }
 
- *:first-child {
+ > span:not(._md-select-icon) {
+ max-width: 100%;
  flex: 1 0 auto;
+ transform: translate3d(0, 2px, 0);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
- transform: translate3d(0, 2px, 0);
+
+ ._md-text {
+ display: inline;
+ }
  }
 
  ._md-select-icon {