{{t "tutorial.customizing_dialog"}}

Стили написаны на языке sass, что позволяет подключить их в ваш проект.

Проект содержит 2 файла со стилями. Первый файл содержит каркас диалоговых окон - т.е. обеспечивает их показ в нужном размере и нужном месте. Второй файл содержит стили влияющие на внешний вид. Вы можете подключить в ваш проект любой из этих файлов независимо.

Как подключить стили в проект

Для подключения всех стилей ember-dialog пропишите в вашем app/styles/app.scss:

@import "node_modules/ember-dialog/addon/styles/ember-dialog";

Чтобы не указывать весь путь до стилей, вы можете добавить этот путь в конфиг sass. Для этого поправьте ваш ember-cli-build.js:




После этого вы сможете подлючать стили так:






Также вы можете подключить к проекту только структуру:





{{!-- 
Как написать свой собственный стиль
 --}}


Как сделать анимацию



Основной класс диалоговых окон ember-dialog-dialog, вы можете добавлять к нему различные css анимации. Если вы хотите хотите применить анимацию на конкретное окно - вы можете создать новый css класс и указать его в options.className при его создании (см. {{#link-to 'tutorial.presenter-and-manager'}}{{t "tutorial.presenter_and_manager"}}{{/link-to}}). Подробное описание создания анимации смотрите в разделе {{#link-to 'cookbook.animation'}}{{t "cookbook.animation"}}{{/link-to}}.



Как создать новый лейаут



Описание этого раздела было перенесено {{#link-to 'tutorial.creating-dialog-templates'}}сюда{{/link-to}}.