Add CSS class to truncate certain autocompletions

This commit is contained in:
Luke Barnard 2017-07-04 16:49:11 +01:00
parent 1e569e67b1
commit b4b33ae06f
1 changed files with 10 additions and 8 deletions

View File

@ -50,14 +50,16 @@
margin: 0 3px; margin: 0 3px;
} }
.mx_Autocomplete_Completion_title, .mx_Autocomplete_Completion_container_truncate {
.mx_Autocomplete_Completion_subtitle, .mx_Autocomplete_Completion_title,
.mx_Autocomplete_Completion_description { .mx_Autocomplete_Completion_subtitle,
/* Ellipsis for long names/subtitles/descriptions*/ .mx_Autocomplete_Completion_description {
max-width: 150px; /* Ellipsis for long names/subtitles/descriptions*/
white-space: nowrap; max-width: 150px;
overflow: hidden; white-space: nowrap;
text-overflow: ellipsis; overflow: hidden;
text-overflow: ellipsis;
}
} }
/* container for pill-style completions */ /* container for pill-style completions */