Параметры mat-select стали прозрачными после обновления до углового материала v7 - PullRequest
Новая
       34

Параметры mat-select стали прозрачными после обновления до углового материала v7

0 голосов
/ 25 октября 2018

Последние несколько недель я работаю над веб-приложением, и мы хотели сделать некоторые обновления.Мы обновили проект и все его узловые модули, и когда я снова все заработал, опции раскрывающегося списка выбора стали прозрачными, а мат-карты потеряли свою тень.

Что-то изменилось в обновлении материала, которое сделалостили действуют так?

enter image description here

Ответы [ 3 ]

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

У меня была такая же проблема.В моем случае у меня был пользовательский файл SASS, импортированный из @angular/material/theming, приложение зависело от сгенерированного CSS-файла из этого.

Поэтому после обновления мне пришлось заново сгенерировать файл CSS с node-sassи mat-option-panel больше не был прозрачным.

0 голосов
/ 04 января 2019

Я обновил угловой материал до 7.2.0 и заметил прозрачный mat-select-panel.Добавление некоторого CSS в мой глобальный styles/theme.scss исправило проблему.

Вы можете добавить этот css в ваш глобальный корневой css-файл или добавить его в css-файл компонента.

Я сохраняю все свои угловые материалы css в файле styles/theme.scss, затем импортирую их в компонент.

Обновление: я добавил импорт готовых тем в мой файл styles / theme.scss, и это вытащилов отсутствующих стилях панели выбора матов. 

 @import '~@angular/material/prebuilt-themes/indigo-pink.css';

.mat-select-panel {
  background: #fff;
}

.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
}
0 голосов
/ 23 ноября 2018

Проблема вызвана использованием файлов css Материала 5/6 с Материалом 7. В моем случае файлы css импортируются в index.html откуда-то из / wwwroot / assets /.Поэтому обновления через cli или package.json было недостаточно.

В моем случае решение состояло в том, чтобы получить файлы css Материала 7 из / node_modules / @ angular / material / ... и перезаписать существующие в / wwwroot / assests / .. (это был старый Материал5 css файлов)

...