angular-dual-listbox - Скрыть кнопки

Question

Я использую https://github.com/czeckd/angular-dual-listbox,, и это работает как шарм.Однако мне нужно скрыть кнопки «Добавить / Удалить», но я не смог.Компоненту не хватает этой функциональности, поэтому автор предлагает сделать это через css.Я пытался сделать это, но не получилось.Вот мой css:

button.btn-block {
    display: none !important;
}

Я сделал это, чтобы перезаписать следующее (отсюда и «! Важное»):

button.btn-block {
    display: block;
    width: 100%;
    margin-bottom: 8px;
}

, которое включено в https://github.com/czeckd/angular-dual-listbox/blob/master/lib/src/dual-list.component.css. Я что-то упустил?

Answer 1

Ну, я наконец-то получил ответ.Я спросил автора, и он помог мне, как вы можете видеть здесь: https://github.com/czeckd/angular-dual-listbox/issues/36

Мне потребовалось некоторое время, чтобы понять, что он имел в виду под "базовыми стилями приложения".Я закончил тем, что создал файл с именем «hide.scss», который содержит предоставленные им строки, в новой папке «/ src / assets / scss / core / dual-list-box»

hide.scss

div.dual-list div.listbox button[name=addBtn],
div.dual-list div.listbox button[name=removeBtn],
div.dual-list div.listbox div.button-bar {
 display: none;
}

Я ссылался на него из file2.scss, который находится в "/ src / assets", например так:

@import "core/dual-list-box/hide";

Наконец, file2.scss должен быть включен в "стили"в файле .angular-cli.json:

"styles": [
    "styles.scss",
    "./assets/scss/file2.scss"
  ],

Ну вот и все.Надеюсь, это кому-нибудь поможет.