administrate materialize theme

Administrar el tema Materializar

Un tema Material para Administrar, basado en el marco Materialize.

Características:

• fácil de instalar, simplemente incluya CSS/JS para aplicar el tema a una estructura de administración predeterminada;
• Tema responsivo de Material Design;
• personalizable mediante variables SASS;
• permitir el uso de componentes de Materialise en el administrador.

Por favor si te gusta.

Instalación

• Agregue una gema SASS/SCSS a su Gemfile (por ejemplo, gem 'sassc' )
• Después de instalar Administrar, agregue a Gemfile : gem 'administrate-materialize-theme' (y ejecutar bundle )
• Edite app/assets/config/manifest.js y agregue al final:

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

• Edite app/views/layouts/admin/application.html.erb (puede generarlo usando rails generate administrate:views:layout ), agregando antes de la etiqueta de cierre del encabezado:

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

Personalizaciones

Para cambiar las variables de Materialize es necesario crear un nuevo archivo .scss (o .sass ) como este (ej. admin.scss ):

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

Y reemplace la etiqueta de enlace en application.html.erb con: <%= stylesheet_link_tag 'admin', media: 'all' %>

Para obtener la lista completa de opciones, consulte aquí.

Funciones adicionales

• Ejemplo de barra lateral:

 < 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 > 

¿Te gusta? ¡Estrellalo!

Si utiliza este componente, simplemente márquelo. Un desarrollador está más motivado para mejorar un proyecto cuando hay algún interés.

O considera ofrecerme un café, es una pequeña cosa pero se agradece mucho: sobre mí.

Colaboradores

• Mattia Roccoberton: autor

Licencia

La gema está disponible como código abierto según los términos de la licencia MIT.