sogo/UI/WebServerResources/scss/components/chips/chips.scss

/// chips.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
@import 'extends';

md-chips {
  // Remove the line under the tags of the message viewer
  &.sg-readonly {
    .md-chips {
      box-shadow: none;
      &.md-focused {
        box-shadow: none;
      }
      .md-chip-content {
        max-width: initial; // fix bug in ng-material
      }
    }
  }
}

// Enlarge the default autocompletion menu
.sg-chips-autocomplete {
  width: (3 * $contact-chip-name-width);
}

// Adjust avatar size according to chips dimensions
.md-contact-chips {
  .md-chips {
    .md-chip {
      .md-contact-avatar {
        md-icon {
          height: ($chip-height * .75);
          margin: ($chip-height * .25/2);
        }
      }
    }
  }
}

// In the autocompletion menu, don't limit the contact name to a fixed width
// and show the email address right after it
.md-contact-suggestion {
  .md-contact-name {
    width: auto;
  }
  .md-contact-email {
    margin-left: $contact-chip-suggestion-margin;
  }
}