Size: a a a

Angular Material — русскоговорящее сообщество

2019 May 27

E

E_A in Angular Material — русскоговорящее сообщество
источник

DY

Dmitry Yatsishin in Angular Material — русскоговорящее сообщество
у меня есть форма, на ней есть mat-form-field appearance=outline мне их надо застилизовать в соответствии с дизайном. я как делаю: mat-form-field задаю класс и описываю с этим классом в глобальном файле mat-form-field.portal-settings-select.mat-form-field-appearance-outline .mat-form-field-outline { , но в глобальном файле сказали нельзя, из компонента этот код не работает. использовать /deep/ как-то не хочется
источник

KK

Kolia KK in Angular Material — русскоговорящее сообщество
Dmitry Yatsishin
у меня есть форма, на ней есть mat-form-field appearance=outline мне их надо застилизовать в соответствии с дизайном. я как делаю: mat-form-field задаю класс и описываю с этим классом в глобальном файле mat-form-field.portal-settings-select.mat-form-field-appearance-outline .mat-form-field-outline { , но в глобальном файле сказали нельзя, из компонента этот код не работает. использовать /deep/ как-то не хочется
если работает в глобальном файле, то должно и в компоненте, или вы файл стиля не указали в компоненте, или не в том компоненте пишите
источник

DY

Dmitry Yatsishin in Angular Material — русскоговорящее сообщество
Kolia KK
если работает в глобальном файле, то должно и в компоненте, или вы файл стиля не указали в компоненте, или не в том компоненте пишите
спасибо. Может и правда где то допустил ошибку, попробую, но насколько я помню не особо таки помогало
источник

EM

Elen Mazo in Angular Material — русскоговорящее сообщество
Нужна помощь с blur. Есть страница входа, когда пользователь нажимает кнопку  log in - выпадает компонент для залогинивания. Стоит задача - все что на странице входа сделать blur, чтобы только login-gialog работал. Как не кручу - применила фильтр - в итоге размытым оказывается login-gialog, а не то, что под ним. Для фильтра в css - сделала отдельный класс и его добавила app-login-gialog *ngIf class="login && fonImageBlur"
источник

EM

Elen Mazo in Angular Material — русскоговорящее сообщество
Нашла ещё есть (blur), но не могу понять как применить. Страница входа mat-grid-list
источник
2019 May 29

V

Vladimir in Angular Material — русскоговорящее сообщество
Elen Mazo
Нужна помощь с blur. Есть страница входа, когда пользователь нажимает кнопку  log in - выпадает компонент для залогинивания. Стоит задача - все что на странице входа сделать blur, чтобы только login-gialog работал. Как не кручу - применила фильтр - в итоге размытым оказывается login-gialog, а не то, что под ним. Для фильтра в css - сделала отдельный класс и его добавила app-login-gialog *ngIf class="login && fonImageBlur"
Это сделать можно, но не совсем тривиально.

1) есть экспериментальная фича которая делает блур эффект всего что находится под слоем. Не помню как называется. Но поддержка не всеми браузерами

2) делать картинку дома перед открытием диалога. И потом эту картинку накладывать поверх страницы, но под сами диалогом. И уже блюрить саму картинку.
источник
2019 May 31

SS

Sergei Sergeevich in Angular Material — русскоговорящее сообщество
Добрый день.
источник

SS

Sergei Sergeevich in Angular Material — русскоговорящее сообщество
Тривиальный вопрос наверное, но вот использую в проекте bootstrap, часто опираясь в своих стилях на его переменные и примеси. Сейчас хочу большую часть ui переписать на material компонентах. Но не очень понимаю как устроено темизирование в material. Кроме палитры и типографии в интернете ничего не нашол. вопрос такой: стоит ли импортировать в проект компоненты из бутстрапа (типа типографии, ресет ну и грид) или вполне можно обойтись material-темой?
источник

KK

Kolia KK in Angular Material — русскоговорящее сообщество
Sergei Sergeevich
Добрый день.
тут всё зависит от ваших потребностей. Так а что ещё нужно кроме палитры и типографии? Мне кажется, что нужно выбрать одно: или бутстрап, или материал, иначе не понятно что будет.
источник

SS

Sergei Sergeevich in Angular Material — русскоговорящее сообщество
Kolia KK
тут всё зависит от ваших потребностей. Так а что ещё нужно кроме палитры и типографии? Мне кажется, что нужно выбрать одно: или бутстрап, или материал, иначе не понятно что будет.
согласен. Как быть с организацией responsive layout? можно ли импортировать в scss breakpoints из flex-layout? и еще есть ли в material какой нибуть аналог container, container-fluid?
источник

KK

Kolia KK in Angular Material — русскоговорящее сообщество
Sergei Sergeevich
согласен. Как быть с организацией responsive layout? можно ли импортировать в scss breakpoints из flex-layout? и еще есть ли в material какой нибуть аналог container, container-fluid?
я думаю будет проще просто глянуть https://material.angular.io там и докуемнтация и примеры и код, а если будут вопросы, тогда уже имеет смысл обсудить. Может кто-то ещё что-то подскажет
источник

SS

Sergei Sergeevich in Angular Material — русскоговорящее сообщество
благодарю )
источник

ТЖ

Тихон Жарких in Angular Material — русскоговорящее сообщество
Всем привет!
Дата в mat-table отображается набором цифр, хотя приходит верная
Подскажите, пожалуйста, куда рыть?
источник

ТЖ

Тихон Жарких in Angular Material — русскоговорящее сообщество
вот эта дата будет ,если перейду дальше в таблицу
источник

KK

Kolia KK in Angular Material — русскоговорящее сообщество
Тихон , Покажите шаблон ячейки где дату передаёте
источник

KK

Kolia KK in Angular Material — русскоговорящее сообщество
Нет приведения к числу там?
источник

ТЖ

Тихон Жарких in Angular Material — русскоговорящее сообщество
Kolia KK
Тихон , Покажите шаблон ячейки где дату передаёте
Ну уже не на работе, дата с бэка падает
источник

ТЖ

Тихон Жарких in Angular Material — русскоговорящее сообщество
Kolia KK
Нет приведения к числу там?
Там стринг было вроде
источник

KK

Kolia KK in Angular Material — русскоговорящее сообщество
Ну тут смотря как её обрабатываете и передаёте, глянем тогда потом
источник