Переопределить или удалить встроенные стили в Reactivesearch v2 - PullRequest
Новая
       12

Переопределить или удалить встроенные стили в Reactivesearch v2

0 голосов
/ 01 ноября 2018

Я использую ReactiveList для отображения результатов. Каков наилучший способ переопределить встроенные стили по умолчанию? Оптимально удалить все стили по умолчанию, предоставляемые Reactivesearch (2.13.0).

например. Как удалить эти стили по умолчанию, предоставляемые sortOptions в /packages/web/src/styles/result.js: 

const sortOptions = css'
  color: #424242;
  height: 32px;
  font-size: 0.82rem;
  padding: 0 25px 0 10px;
  background: url(base64....) no-repeat 95% 50%;
  background-color: #fff;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0;
  outline: 1px solid #ddd;
  outline-offset: -1px;
';

1 Ответ

0 голосов
/ 05 ноября 2018

Я думаю, внутренние классы - пока единственный способ объединить стили. В вашем случае innerClass имя будет sortOptions.

Пожалуйста, проверьте документы https://opensource.appbase.io/reactive-manual/result-components/reactivelist.html#styles

Другой вариант использования пользовательского рендерера , мы можем иметь функции рендеринга для каждого маленького компонента.

Каждая библиотека пользовательского интерфейса имеет свой стиль по умолчанию, цель состоит в том, чтобы повторно использовать компоненты с минимальными усилиями, т.е. можно легко расширить и переопределить существующие стили.

Если вы хотите получить полный контроль над вашими компонентами пользовательского интерфейса, я предложу настраиваемые функции рендеринга, а не innerClass.

...