Система четкости Datagrid - возможно ли изолировать и использовать только компонент Datagrid?
Мы хотели бы поработать с сеткой данных, но у нас есть проблема с кнопками на всем нашем сайте. После установки Clarity больше невозможно создавать маленькие квадратные кнопки. В некотором смысле минимальная ширина каждой кнопки, кажется, переопределена чем-то в вашей системе.
Есть ли способ отделить отдельные компоненты системы проектирования Clarity? Или, может быть, исключить некоторые из них? Вам известна эта проблема с минимальной шириной кнопки? Знаете ли вы, как предотвратить такое поведение?
Большое спасибо.
2 ответа
Стили для Clarity объединены в единое целое, поэтому вам придется создавать стили самостоятельно и создавать только части, необходимые для Datagrid. Некоторые подробности можно найти в нижней части документации по темам о пользовательских темах https://vmware.github.io/clarity/documentation/v0.11/themes. Вы должны пойти дальше, пытаясь удалить все остальное. Тогда вы можете просто импортировать ClrDatagridModule от @clr/angular в ваше угловое приложение.
Тем не менее, я не могу гарантировать, что вы сможете избежать проблемы с кнопками, потому что в сетке данных есть кнопки, и мы не рекомендуем создавать только отдельные части Clarity (мы не знаем, насколько хорошо это будет работать на практике).
Вы всегда можете перезаписать любой CSS своим собственным, чтобы сбросить что-то вроде кнопок min-width имущество. Мы устанавливаем некоторые значения, подобные этим, чтобы гарантировать, что вещи должным образом доступны для пользователей, поэтому я не уверен точно, каково ваше ограничение, но, вероятно, лучше всего просто переопределить стили Clarity, когда это необходимо.
Спасибо за вашу помощь.
Мне удалось нейтрализовать поведение кнопки, добавив следующий код в мой файл CSS.
.btn {
min-width: unset;
min-height: unset;
}