В соответствии с общими принципами (Настройка личного кабинета) ЛК поддерживает возможность расширения функциональности через механизм виджетов и подгрузку произвольного кода в процессе запуска приложения.
...
Самым простым доступным изменением является добавление CSS-стилей. В директорию $server_client/assets/stylesheets следует добавить файл custom. Расширение для файла можно выбрать по вкусу: css, scss или sass в зависимость от предпочитаемого языка описания стилей (документацию по языкам SASS и SCSS можно найти на http://sass-lang.com/). Если количество стилей невелико, то все их можно уместить в созданном файле. Иначе можно разбить стили на несколько файлов и подключить их через директивы препроцессора Assets Pipeline (см. http://guides.rubyonrails.org/asset_pipeline.html#manifest-files-and-directives). Файл custom подгружается по окончании загрузки всех остальных стилей.
| Code Block |
|---|
| language | css |
|---|
| title | Пример custom.css |
|---|
|
//= require 'my_colors'
//= require 'my_second_file'
//= require_self
//= require 'my_last_file'
body {
background-color: black;
color: white;
} |
Добавление или изменение шрифтов
В директории $server_client/assets/stylesheets на сервере для этого необходимо задать в начале файла custom:
| Code Block |
|---|
| language | css |
|---|
| title | custom.sass |
|---|
|
body
font-family: Arial, Helvetica, sans-serif
|
| Note |
|---|
После создания custom-файла не забудьте очистить кэш, расположенный по пути tmp/cache/assets в директории с приложением. Это требуется, чтобы при следующей компиляции стилей подгрузился ваш новый custom-файл (раздел «Сборка файлов» в Настройка личного кабинета). |
...
| Code Block |
|---|
|
#= require base/view
class HupoApp.Views.VendorName.Example extends HupoApp.View
... |
Добавление или изменение шрифтов
В директории $server_client на сервере необходимо задать в файле custom.sass в самом верху
| Code Block |
|---|
body
font-family: Arial, Helvetica, sans-serif
|