evanbrightside/arctic_admin

Responsive Theme for ActiveAdmin

ArcticAdmin

Simple theme for ActiveAdmin 👌

Complete demo here : https://arctic-admin.herokuapp.com/

admin user : [email protected] / password

Installation

• Add this to your Gemfile:

gem 'arctic_admin'

• Run bundle install.

• Add this line to the file config/initializers/active_admin.rb

meta_tags_options = { viewport: 'width=device-width, initial-scale=1' }
config.meta_tags = meta_tags_options
config.meta_tags_for_logged_out_pages = meta_tags_options

Usage

CSS

In your active_admin.css, include the css file:

/*
 *= require arctic_admin/base
 */

Remove the line *= require active_admin/base

Then restart your webserver if it was previously running.

Sass Support

❗ Remove the line @import "active_admin/base"

If you prefer SCSS, add this to your active_admin.scss file:

@import "arctic_admin/base";

If you use the Sass indented syntax, add this to your active_admin.sass file:

@import arctic_admin/base

JS

In your active_admin.js, include the js file:

//= require arctic_admin/base

❗ Remove the line //= require active_admin/base

Use with webpacker

CSS

In your app/javascript/stylesheets/active_admin.scss, add the line:

@import '~arctic_admin/src/scss/main';

Remove:

@import "~@activeadmin/activeadmin/src/scss/mixins";
@import "~@activeadmin/activeadmin/src/scss/base";

JS

In your app/javascript/packs/active_admin.js, add the line:

import 'arctic_admin'

Customization

For this, you need to use sass to custom the theme.

You can even change basic color of the theme by placing some other variables:

If you use the SCSS, add this to your active_admin.scss file:

$primary-color: #2dbb43;

@import "arctic_admin/base";

If you use the Sass indented syntax, add this to your active_admin.sass file:

$primary-color: #2dbb43

@import arctic_admin/base

Then restart your webserver if it was previously running.

Contributing

1. Fork it ( https://github.com/cprodhomme/arctic_admin/fork )
2. Create your feature branch (git checkout -b my-new-feature)
3. Commit your changes (git commit -am 'Add some feature')
4. Push to the branch (git push origin my-new-feature)
5. Create new Pull Request