blue-sky: Перенос стилей компонента flexberry-sidebar

[pepelyaeva]

Цель

Перенести стили темы blue-sky для компонента flexberry-sidebar из аддона ember-flexberry в пакет с темами ember-flexberry-themes

Функциональные требования

1. Внешнее оформление компонента должно соответствовать исходному оформлению (можно посмотреть на развернутом тестовом стенде
2. Реализовать также все состояния для компонента (active/focus/hover/disabled);
3. Проверить, что все пункты меню открываются и их оформление соответствует исходному.

Требования к реализации

В конечной теме стили распределены по компонентам ember-flexberry, соответственно, все стили для компонента должны располагаться в файлах:
flexberry-sidebar.variables - для переменных
flexberry-sidebar.overrides - для стилей (нужно создать)

Для активации темы blue-sky, необходимо настроить конфигурацию theme.config, для чего выбрать все значения переменных 'gos' и заменить на 'blue-sky'

Также нужно локально прописать значение false здесь для отображения пути к исходным файлам в браузере

Исходный код

Проект на GitHub: ember-flexberry-themes
Ветка: наследоваться от последней версии ветки develop
Тема: blue-sky

Исходная тема blue-sky из которой необходимо осуществить перенос: https://github.com/Flexberry/ember-flexberry/tree/develop/addon/styles/themes/blue-sky

Конечная тема, в которую нужно осуществить перенос: https://github.com/Flexberry/ember-flexberry-themes/tree/develop/src/themes/blue-sky

В ember-flexberry никакие изменения происходить не должны, кроме настройки конфигурации(но это коммитить не нужно).

Документация

• Наши темы основаны на фреймворке Semantic UI

Аналоги, примеры реализации

Можно ориентироваться на стили для этого компонента в теме gos:
flexberry-sidebar.variables - переменные
flexberry-sidebar.overrides - стили

Полезные ссылки, скриншоты

• Тестовый стенд с темой blue-sky, компонент flexberry-sidebar используется для отображения основного меню приложения.