Size: a a a

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

2019 February 01

E

E_A in Angular Material — русскоговорящее сообщество
Антон Хорольский
при проектировании столкнулись с проблемой. есть цель: перевести веб-приложение на angular + material design. но некоторые страницы будут оставаться без angular и рендериться на стороне сервера. должно соблюдаться единство стилей в плане CSS - например, общая система гридов, кнопки, баджи и прочие мелочи, но там не будет angular-обвязки на это все. планируется завести под наш корпоративный стиль тему (цвета, шрифты итд). вот нужно все это как-то универсально подключать как на страницах с angular, так и без него
Что касается тем, то материал поддерживает несколько вариантов, можно сделать по аналогии свою, но это не просто
источник

Вキ

Вертихвост キバ in Angular Material — русскоговорящее сообщество
🦄 Как одной директивой и Angular CDK сделать всех счастливыми?

Вспомнил, что есть чатик по Material :)

👉 https://stackblitz.com/edit/angular-cdk-happy-animals
источник

BB

Bob Bless You in Angular Material — русскоговорящее сообщество
не плохо)
источник

I

Ilnur in Angular Material — русскоговорящее сообщество
вебкомпоненты в помощь)
https://www.webcomponents.org/author/material-components есть уже готовый набор от гугла
можно посмотреть не от гугла
https://www.webcomponents.org/search/material
в конце концов можно сделать через angular elements(региструем компоненты ангуляра как вебкомпонент и работаем с ним нативно)
источник

MG

Mark Gladkov in Angular Material — русскоговорящее сообщество
Парни, всем привет!
Вопрос очень простой.
Подскажите, пожалуйста, если я подключил материал и выбрал темную тему в styles.css, то она автоматически должна сменить цвет фона, шрифтов? Или нужно провести еще какие-то операции?
источник

PA

Pavel Agarkov in Angular Material — русскоговорящее сообщество
Mark Gladkov
Парни, всем привет!
Вопрос очень простой.
Подскажите, пожалуйста, если я подключил материал и выбрал темную тему в styles.css, то она автоматически должна сменить цвет фона, шрифтов? Или нужно провести еще какие-то операции?
я так понимаю тему можно поменять только в .scss файле
после этого все должно нормально поменяться, если только не использоваались кастомные цвета без привязки к теме
источник

MG

Mark Gladkov in Angular Material — русскоговорящее сообщество
@PavelAgarkov, это выглядит примерно так :)
источник

I

Ilnur in Angular Material — русскоговорящее сообщество
Mark Gladkov
@PavelAgarkov, это выглядит примерно так :)
этого достаточно. можно даже в angular.json указать путь к нему, если не используешь style.scss
источник

MG

Mark Gladkov in Angular Material — русскоговорящее сообщество
Парни, я просто не указал у тега body class="mat-app-background". После тема подтянулась, бэкграунд темы 🙂
@PavelAgarkov, @burusha16 спасибо!
источник

I

Ilnur in Angular Material — русскоговорящее сообщество
Mark Gladkov
Парни, я просто не указал у тега body class="mat-app-background". После тема подтянулась, бэкграунд темы 🙂
@PavelAgarkov, @burusha16 спасибо!
этот класс не должен влиять на подтягивание темы, просто окрашивает бг
источник

MG

Mark Gladkov in Angular Material — русскоговорящее сообщество
Именно в этом и была проблема. Все элементы были окрашены в цвет темы, а БГ не подтягивался.
источник

АХ

Антон Хорольский in Angular Material — русскоговорящее сообщество
Ilnur
вебкомпоненты в помощь)
https://www.webcomponents.org/author/material-components есть уже готовый набор от гугла
можно посмотреть не от гугла
https://www.webcomponents.org/search/material
в конце концов можно сделать через angular elements(региструем компоненты ангуляра как вебкомпонент и работаем с ним нативно)
я не очень понял, это было для меня? что-то мне подсказывает, что это было не все) А насчет Elements - он нам точно понадобится на той странице, но все остальное-то должно на сервере генерироваться и там уже должна быть css под это дело
источник

E

E_A in Angular Material — русскоговорящее сообщество
Mark Gladkov
Парни, я просто не указал у тега body class="mat-app-background". После тема подтянулась, бэкграунд темы 🙂
@PavelAgarkov, @burusha16 спасибо!
Как было сказано, это тут не причем , если подключить тему, она должна по умолчанию отработать
источник

MG

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

MG

Mark Gladkov in Angular Material — русскоговорящее сообщество
Без подключения темы отдельно в body не работало. Даже доки говорят делать так.
источник

E

E_A in Angular Material — русскоговорящее сообщество
это уже про sidenav, тема работет и без него
источник

E

E_A in Angular Material — русскоговорящее сообщество
в конце же говориться, что это для фона
источник
2019 February 07

BB

Bob Bless You in Angular Material — русскоговорящее сообщество
кто то сталкивался с прогресс баром?
источник

BB

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

BB

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