(css) Improve display of attendees status icon

This commit is contained in:
Francis Lachapelle
2016-08-31 11:19:36 -04:00
parent 8486448843
commit 015f389f7c
2 changed files with 11 additions and 2 deletions
@@ -168,7 +168,7 @@
<label class="pseudo-input-label"><var:string label:value="Attendees"/></label>
<!-- md-contact-chips don't support "readonly", so we build them using md-chips
in readonly mode and a template similar to the one of md-contact-chips -->
<md-chips class="md-contact-chips sg-readonly"
<md-chips class="md-contact-chips sg-readonly sg-with-secondary"
ng-model="::editor.component.attendees"
readonly="true">
<md-chip-template>
@@ -179,7 +179,7 @@
<a href="#"
ng-click="editor.newMessageWithRecipient($event, $chip.name, $chip.email)">{{$chip.name}}</a>
</div>
<md-icon ng-class="'icon-' + $chip.partstat"><!-- partstat --></md-icon>
<md-icon class="sg-secondary" ng-class="'icon-' + $chip.partstat"><!-- partstat --></md-icon>
</md-chip-template>
</md-chips>
</div>
@@ -55,6 +55,15 @@ md-chips {
}
}
// Adjust space around secondary element in contact chip.
// Used for attendees participation status icon (UIxAppointmentViewTemplate.wox)
.md-contact-chips.sg-with-secondary .md-chips md-chip {
padding-right: 0;
.sg-secondary {
margin-right: $baseline-grid;
}
}
// Enlarge the default autocompletion menu
.sg-chips-autocomplete,
.sg-chips-autocomplete input {