administrate materialize theme

Materialise Theme verwalten

Ein Material-Theme für Administrate, basierend auf dem Materialise-Framework.

Merkmale:

• einfach zu installieren, einfach CSS/JS einbinden, um das Theme auf eine Standard-Administrate-Struktur anzuwenden;
• Responsives Materialdesign-Theme;
• anpassbar über SASS-Variablen;
• Erlauben Sie die Verwendung von Materialise- Komponenten im Admin.

Bitte, wenn es Ihnen gefällt.

Installation

• Fügen Sie Ihrer Gem-Datei einen SASS/SCSS-Gem hinzu (z. B. gem 'sassc' ).
• Fügen Sie nach der Installation von Administrate zu Gemfile Folgendes hinzu: gem 'administrate-materialize-theme' (und führen Sie bundle aus).
• Bearbeiten Sie app/assets/config/manifest.js und fügen Sie am Ende Folgendes hinzu:

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

• Bearbeiten Sie app/views/layouts/admin/application.html.erb (Sie können es mit rails generate administrate:views:layout generieren) und fügen Sie vor dem Head-Closing-Tag Folgendes hinzu:

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

Anpassungen

Um Materialise-Variablen zu ändern, muss eine neue .scss- (oder .sass )-Datei wie diese erstellt werden (z. B. admin.scss ):

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

Und ersetzen Sie das Link-Tag in application.html.erb durch: <%= stylesheet_link_tag 'admin', media: 'all' %>

Die vollständige Liste der Optionen finden Sie hier.

Zusätzliche Funktionen

• Beispiel für eine Seitenleiste:

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

Gefällt es dir? Star es!

Wenn Sie diese Komponente verwenden, markieren Sie sie einfach. Ein Entwickler ist motivierter, ein Projekt zu verbessern, wenn Interesse besteht.

Oder bieten Sie mir einen Kaffee an, es ist eine kleine Sache, die aber sehr geschätzt wird: über mich.

Mitwirkende

• Mattia Roccoberton: Autorin

Lizenz

Das Juwel ist als Open Source unter den Bedingungen der MIT-Lizenz verfügbar.