сделать четкость дизайна буттонгруппы отзывчивым

Question

Как сделать группу кнопок дизайна ясности отзывчивой, как кнопку ясности?

это реальное поведение группы кнопок ясности:

и вот поведение кнопки обычной четкости:

Как видите, ширина кнопки уменьшена, а переполнение текста - многоточие.

Как добавить те же свойства в группу кнопок?

моя зависимость:

"@angular/animations": "^9.0.5",
"@angular/common": "^9.0.5",
"@angular/compiler": "^9.0.5",
"@angular/core": "^9.0.5",
"@angular/forms": "^9.0.5",
"@angular/platform-browser": "^9.0.5",
"@angular/platform-browser-dynamic": "^9.0.5",
"@angular/router": "^9.0.5",
"@clr/angular": "^2.3.8",
"@clr/icons": "^2.3.8",
"@clr/ui": "^2.3.8",

Answer 1

Хорошо, я нашел решение

поместите это css правила для группы кнопок

.btn-group {
  display: flex;
}

и для вашего ярлыка

label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

это должно быть нормальным поведение, но в любом случае это работа