administrate materialize theme

Administrer le thème Materialise

Un thème Material pour administrer, basé sur le framework Materialise.

Caractéristiques:

• facile à installer, incluez simplement CSS/JS pour appliquer le thème à une structure d'administration par défaut ;
• Thème réactif de conception matérielle ;
• personnalisable via les variables SASS ;
• permettre d'utiliser les composants Materialise dans l'administrateur.

S'il vous plaît, si vous l'aimez.

Installation

• Ajoutez une gem SASS/SCSS à votre Gemfile (ex. gem 'sassc' )
• Après avoir installé Administrate, ajoutez à Gemfile : gem 'administrate-materialize-theme' (et exécutez bundle )
• Modifiez app/assets/config/manifest.js , en ajoutant à la fin :

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

• Modifiez app/views/layouts/admin/application.html.erb (vous pouvez le générer en utilisant rails generate administrate:views:layout ), en ajoutant avant la balise de fermeture head :

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

Personnalisations

Pour modifier les variables Materialise, il est nécessaire de créer un nouveau fichier .scss (ou .sass ) comme celui-ci (ex. admin.scss ) :

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

Et remplacez la balise de lien dans le fichier application.html.erb par : <%= stylesheet_link_tag 'admin', media: 'all' %>

Pour la liste complète des options, jetez un œil ici.

Fonctionnalités supplémentaires

• Exemple de barre latérale :

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

Aimez-vous? Mettez-le en vedette !

Si vous utilisez ce composant, ajoutez-le simplement. Un développeur est plus motivé à améliorer un projet lorsqu’il suscite un certain intérêt.

Ou pensez à m'offrir un café, c'est une petite chose mais c'est grandement apprécié : à propos de moi.

Contributeurs

• Mattia Roccoberton : auteur

Licence

La gemme est disponible en open source selon les termes de la licence MIT.