56 lines
1.3 KiB
SCSS
56 lines
1.3 KiB
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
|
|
}
|
|
// Custom 'chip remove' button used with chips in readonly mode
|
|
.sg-chip-remove {
|
|
&:hover {
|
|
cursor: pointer;
|
|
}
|
|
height: $chip-delete-icon-size;
|
|
width: $chip-delete-icon-size;
|
|
line-height: $chip-delete-icon-size;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// 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;
|
|
}
|
|
} |