administrate materialize theme

Администрирование темы Materialize

Тема Material для администрирования, основанная на платформе Materialize.

Функции:

• простота установки: просто включите CSS/JS, чтобы применить тему к структуре администрирования по умолчанию;
• Адаптивная тема Material Design;
• настраивается через переменные SASS;
• разрешить использовать компоненты Materialize в админке.

Пожалуйста, если вам это нравится.

Установка

• Добавьте драгоценный камень SASS/SCSS в свой Gemfile (например, gem 'sassc' ).
• После установки Administrate добавьте в Gemfile : gem 'administrate-materialize-theme' (и выполните bundle ).
• Отредактируйте app/assets/config/manifest.js , добавив в конце:

 //= link administrate-materialize-theme/theme.css
//= link administrate-materialize-theme/theme.js

• Отредактируйте app/views/layouts/admin/application.html.erb (вы можете сгенерировать его с помощью rails generate administrate:views:layout ), добавив перед закрывающим тегом заголовок:

 < %= stylesheet_link_tag 'administrate-materialize-theme/theme', media: 'all' % >
< %= javascript_include_tag 'administrate-materialize-theme/theme' % > 

Настройки

Чтобы изменить переменные Materialize, необходимо создать новый файл .scss (или .sass ), подобный этому (например, admin.scss ):

 // app/assets/stylesheets/admin.scss
$primary-color : #FB1 ;
@import ' administrate-materialize-theme/theme ' ;

И замените тег ссылки в application.html.erb на: <%= stylesheet_link_tag 'admin', media: 'all' %>

Полный список опций смотрите здесь.

Дополнительные возможности

• Пример боковой панели:

 < div class =" row " >
  < div class =" col s3 " >
    < section class =" mt-sidebar z-depth-1 " >
      < h3 > Sidebar </ h3 >
      < p > Some content </ p >
    </ section >
  </ div >
  < div class =" col s9 " >
    < section class =" main-content__body main-content__body--flush " >
      <!-- ... -->
    </ section >
  </ div >
</ div > 

Вам это нравится? Звезда это!

Если вы используете этот компонент, просто отметьте его. Разработчик более мотивирован на улучшение проекта, когда есть некоторый интерес.

Или предложите мне кофе, это мелочь, но очень ценно: обо мне.

Авторы

• Маттиа Роккобертон: автор

Лицензия

Гем доступен с открытым исходным кодом в соответствии с условиями лицензии MIT.