arctic_admin 1.0.2 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: a7556d7d07c6da2a0aaf74fc020a474f5d680185
4
- data.tar.gz: 12696bb07cf918b119f1016b8be1b24f84477195
3
+ metadata.gz: 7f5eacb97b471ea9c85336afa632436a9b902c06
4
+ data.tar.gz: cf47a195b96a39f1919cf4044529089a2daa9670
5
5
  SHA512:
6
- metadata.gz: 14194cd90497049914039c0b3ce6c0e9d063e21f4744b198bc82f00712f59ad92d237457cb61048b556b9f4a8ca5ff625cb5b0203a66e95610b4bf7607359ee3
7
- data.tar.gz: 94af66bf32597ed86e24ade0474dfbf64444b8c9f4f3c2696e7b223317b922ced0653e42111608916d5b7c5c0789124c63a64bc33d817701b5958d08496b1ac8
6
+ metadata.gz: 3b74787fd0ec6ba8b54583817d62d43bd43793eb99b65b64d5088a47efb2efad98ede47c37b6a7d40d314dbf14acc96644df2b85a03ba5f9628cc0dc3f08245e
7
+ data.tar.gz: 700e2b5aa26c70b761a879c03cca6dea963fc9113446d84d6e301f48eb7c7604b9b8f003a6d239f80ecd47dc2fad5a8ea336c1cf85520ab898b454cf270ee39c
data/.gitignore CHANGED
@@ -0,0 +1,9 @@
1
+ *.gem
2
+ .bundle
3
+ Gemfile.lock
4
+ gemfiles/*.lock
5
+ pkg/*
6
+ vendor/ruby
7
+ gemfiles/vendor/ruby
8
+ .rbenv-version
9
+ .sass-cache
data/README.md CHANGED
@@ -1,9 +1,15 @@
1
1
  # ArcticAdmin
2
+ [![Gem Version](https://img.shields.io/gem/v/arctic_admin.svg)](https://rubygems.org/gems/arctic_admin)
3
+
2
4
  Simple theme for ActiveAdmin
3
5
 
6
+ Complete demo here : https://arctic-admin.herokuapp.com/
7
+
8
+ admin user : admin@example.com / password
9
+
4
10
  ## Installation
5
11
 
6
- add the following line to your application's Gemfile:
12
+ add the following lines to your application's Gemfile:
7
13
  ```
8
14
  gem 'font-awesome-rails'
9
15
  gem 'arctic_admin'
@@ -68,4 +74,4 @@ $primary-color: #2dbb43;
68
74
  2. Create your feature branch (`git checkout -b my-new-feature`)
69
75
  3. Commit your changes (`git commit -am 'Add some feature'`)
70
76
  4. Push to the branch (`git push origin my-new-feature`)
71
- 5. Create new Pull Request
77
+ 5. Create new Pull Request
@@ -13,8 +13,9 @@
13
13
  @import "components/form";
14
14
 
15
15
  @import "layouts/header";
16
- @import "layouts/main_content";
17
16
  @import "layouts/sidebar";
17
+ @import "layouts/main_content";
18
+ @import "layouts/filter";
18
19
  @import "layouts/footer";
19
20
 
20
21
  @import "pages/login";
@@ -1,10 +1,22 @@
1
+ // COLOR
1
2
  $red: #b34247;
2
3
  $green: #2dbb43;
3
4
  $blue: #4bacfe;
4
5
 
6
+ $error: #f96868;
7
+ $warning: #f2a654;
8
+ $success: #46be8a;
9
+ $info: #57c7d4;
10
+
5
11
  $body-background: #eee !default;
12
+
6
13
  $header-border-color: #e6e6e6 !default;
7
- $left-menu-background: #f5f5f5 !default;
14
+ $header-background: #fff !default;
15
+
16
+ $sidebar-border-color: $header-border-color !default;
17
+ $sidebar-border-color: #e6e6e6;
18
+
19
+ $sidebar-background: #f5f5f5 !default;
8
20
 
9
21
  $left-menu-item-hover-background: #f0f0f0 !default;
10
22
  $left-menu-item-nested-hover-background: #e7e7e7 !default;
@@ -12,10 +24,11 @@ $left-menu-item-nested-hover-background: #e7e7e7 !default;
12
24
  $text-color: #5a5a5a !default;
13
25
  $text-color-important: #526069 !default;
14
26
 
27
+ $primary-color: $blue !default;
28
+
29
+ // SIZE
15
30
  $header-width: 200px !default;
16
31
  $screen-header-width: calc(100% - 200px) !default;
17
32
 
18
33
  $sidebar-width: 230px !default;
19
34
  $screen-sidebar-width: calc(100% - 230px) !default;
20
-
21
- $primary-color: $blue !default;
@@ -6,22 +6,22 @@
6
6
  color: #fff;
7
7
  }
8
8
 
9
- .flash_alert {
10
- background-color: #f96868;
9
+ .flash_alert, .flash_error {
10
+ background-color: $error;
11
11
  color: #fff;
12
12
  }
13
13
 
14
14
  .flash_warning {
15
- background-color: #f2a654;
15
+ background-color: $warning;
16
16
  color: #fff;
17
17
  }
18
18
 
19
19
  .flash_notice {
20
- background-color: #46be8a;
20
+ background-color: $success;
21
21
  color: #fff;
22
22
  }
23
23
 
24
24
  .flash_info {
25
- background-color: #57c7d4;
25
+ background-color: $info;
26
26
  color: #fff;
27
27
  }
@@ -11,6 +11,20 @@
11
11
  .formtastic {
12
12
  legend {
13
13
  margin-bottom: 20px;
14
+ font-weight: bold;
15
+ }
16
+
17
+ .field_with_errors {
18
+ input {
19
+ border-color: $error;
20
+ }
21
+ }
22
+
23
+ .inline-errors {
24
+ color: $error;
25
+ margin-top: 5px;
26
+ margin-bottom: 20px;
27
+ font-size: 14px;
14
28
  }
15
29
 
16
30
  .actions {
@@ -0,0 +1,60 @@
1
+ #sidebar {
2
+ width: $sidebar-width;
3
+ background-color: #fff;
4
+ border-radius: 3px;
5
+ box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
6
+ margin-bottom: 30px;
7
+
8
+ .sidebar_section {
9
+ padding: 15px 20px;
10
+
11
+ h3 {
12
+ margin: 0 0 10px 0;
13
+ }
14
+
15
+ .label {
16
+ display: block;
17
+ text-align: left;
18
+ }
19
+
20
+ .input {
21
+ margin-bottom: 15px;
22
+
23
+ input, select {
24
+ height: 30px;
25
+ padding: 3px 5px;
26
+ font-size: 12px;
27
+ }
28
+ }
29
+
30
+ .select_and_search {
31
+ input, select {
32
+ width: 45%;
33
+ display: inline-block;
34
+ }
35
+
36
+ input {
37
+ float: right;
38
+ }
39
+ }
40
+
41
+ .filter_select select {
42
+ width: 100%;
43
+ }
44
+
45
+ .filter_date_range input {
46
+ width: 45%;
47
+ display: inline-block;
48
+ }
49
+
50
+ input[type="submit"] {
51
+ width: auto;
52
+ line-height: 31px;
53
+ margin-right: 10px;
54
+ }
55
+ }
56
+
57
+ #search-status-_sidebar_section {
58
+ font-size: 14px;
59
+ }
60
+ }
@@ -16,7 +16,7 @@
16
16
  position: fixed;
17
17
  top: 0;
18
18
  left: 0;
19
- background-color: #fff;
19
+ background-color: $header-background;
20
20
  border-bottom: 1px solid $header-border-color;
21
21
  font-size: 20px;
22
22
  text-align: center;
@@ -24,64 +24,6 @@
24
24
  line-height: 60px;
25
25
  }
26
26
 
27
- #tabs {
28
- width: $header-width;
29
- height: calc(100% - 60px);
30
- position: fixed;
31
- top: 60px;
32
- left: 0;
33
- background-color: $left-menu-background;
34
- border-right: 1px solid $header-border-color;
35
-
36
- li {
37
- width: 100%;
38
- font-size: 14px;
39
- line-height: 38px;
40
- cursor: pointer;
41
-
42
- a {
43
- width: 100%;
44
- height: 100%;
45
- display: inline-block;
46
- color: $text-color;
47
- padding: 0 20px;
48
-
49
- &:hover {
50
- background-color: $left-menu-item-hover-background;
51
- }
52
- }
53
-
54
- &.current {
55
- a {
56
- color: $primary-color;
57
- }
58
- }
59
-
60
- &.has_nested {
61
- ul {
62
- border-top: 1px solid $header-border-color;
63
- border-bottom: 1px solid $header-border-color;
64
- background-color: $body-background;
65
- padding: 10px 0;
66
- cursor: auto;
67
-
68
- a {
69
- padding: 0px 15px 0px 40px;
70
- color: $text-color;
71
-
72
- &:hover {
73
- background-color: $left-menu-item-nested-hover-background;
74
- }
75
- }
76
-
77
- .current a {
78
- color: $primary-color;
79
- }
80
- }
81
- }
82
- }
83
- }
84
-
85
27
  #utility_nav {
86
28
  height: 60px;
87
29
  position: fixed;
@@ -95,7 +37,7 @@
95
37
  @include transition-button();
96
38
 
97
39
  &:hover {
98
- background-color: $left-menu-background;
40
+ background-color: $sidebar-background;
99
41
  }
100
42
 
101
43
  &:active {
@@ -127,11 +69,6 @@
127
69
  font-size: 20px;
128
70
  }
129
71
  }
130
- // a {
131
- // color: $text-color;
132
- // padding: 20px 10px;
133
- // display: inline-block;
134
- // }
135
72
  }
136
73
 
137
74
  #logout {
@@ -166,7 +103,7 @@
166
103
  #title_bar {
167
104
  height: 60px;
168
105
  width: $screen-header-width;
169
- background-color: #fff;
106
+ background-color: $header-background;
170
107
  position: fixed;
171
108
  top: 0;
172
109
  left: $header-width;
@@ -178,6 +115,10 @@
178
115
  padding-top: 6px;
179
116
  display: inline-block;
180
117
  float: left;
118
+
119
+ h2:nth-child(1) {
120
+ line-height: 48px;
121
+ }
181
122
  }
182
123
 
183
124
  #titlebar_right {
@@ -192,7 +133,11 @@
192
133
  float: left;
193
134
 
194
135
  &:hover {
195
- background-color: $left-menu-background;
136
+ background-color: $sidebar-background;
137
+ }
138
+
139
+ &:active {
140
+ background-color: $left-menu-item-hover-background;
196
141
  }
197
142
  }
198
143
  }
@@ -1,60 +1,58 @@
1
- #sidebar {
2
- width: $sidebar-width;
3
- background-color: #fff;
4
- border-radius: 3px;
5
- box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
6
- margin-bottom: 30px;
7
-
8
- .sidebar_section {
9
- padding: 15px 20px;
10
-
11
- h3 {
12
- margin: 0 0 10px 0;
13
- }
14
-
15
- .label {
16
- display: block;
17
- text-align: left;
18
- }
1
+ .header #tabs {
2
+ width: $header-width;
3
+ height: calc(100% - 60px);
4
+ position: fixed;
5
+ top: 60px;
6
+ left: 0;
7
+ background-color: $sidebar-background;
8
+ border-right: 1px solid $sidebar-border-color;
9
+ z-index: 1;
10
+
11
+ li {
12
+ width: 100%;
13
+ font-size: 14px;
14
+ line-height: 38px;
15
+ cursor: pointer;
19
16
 
20
- .input {
21
- margin-bottom: 15px;
17
+ a {
18
+ width: 100%;
19
+ height: 100%;
20
+ display: inline-block;
21
+ color: $text-color;
22
+ padding: 0 20px;
22
23
 
23
- input, select {
24
- height: 30px;
25
- padding: 3px 5px;
26
- font-size: 12px;
24
+ &:hover {
25
+ background-color: $left-menu-item-hover-background;
27
26
  }
28
27
  }
29
28
 
30
- .select_and_search {
31
- input, select {
32
- width: 45%;
33
- display: inline-block;
34
- }
35
-
36
- input {
37
- float: right;
29
+ &.current {
30
+ a {
31
+ color: $primary-color;
38
32
  }
39
33
  }
40
34
 
41
- .filter_select select {
42
- width: 100%;
43
- }
44
-
45
- .filter_date_range input {
46
- width: 45%;
47
- display: inline-block;
48
- }
49
-
50
- input[type="submit"] {
51
- width: auto;
52
- line-height: 31px;
53
- margin-right: 10px;
35
+ &.has_nested {
36
+ ul {
37
+ border-top: 1px solid $sidebar-border-color;
38
+ border-bottom: 1px solid $sidebar-border-color;
39
+ background-color: $body-background;
40
+ padding: 10px 0;
41
+ cursor: auto;
42
+
43
+ a {
44
+ padding: 0px 15px 0px 40px;
45
+ color: $text-color;
46
+
47
+ &:hover {
48
+ background-color: $left-menu-item-nested-hover-background;
49
+ }
50
+ }
51
+
52
+ .current a {
53
+ color: $primary-color;
54
+ }
55
+ }
54
56
  }
55
57
  }
56
-
57
- #search-status-_sidebar_section {
58
- font-size: 14px;
59
- }
60
58
  }
@@ -1,16 +1,20 @@
1
- body.edit {
1
+ body.new, body.edit, body.create, body.update {
2
2
  .input {
3
3
  .label {
4
- min-width: 25%;
4
+ width: 25%;
5
5
  float: left;
6
- text-align: right;
6
+ text-align: left;
7
7
  padding-right: 20px;
8
- padding-top: 6px;
8
+ margin: auto 0;
9
9
  }
10
10
 
11
11
  input {
12
12
  width: 50%;
13
13
  }
14
+
15
+ .inline-errors {
16
+ padding-left: 25%;
17
+ }
14
18
  }
15
19
 
16
20
  .actions {
@@ -77,7 +77,7 @@ body.index {
77
77
  }
78
78
 
79
79
  #sidebar {
80
- position: absolute;
80
+ position: fixed;
81
81
  right: - $sidebar-width;
82
82
 
83
83
  &:before {
@@ -1,13 +1,24 @@
1
+ body.logged_out {
2
+ .flash {
3
+ position: fixed;
4
+ }
5
+
6
+ #active_admin_content {
7
+ height: 100vh;
8
+ width: 100%;
9
+ display: inline-flex;
10
+ }
11
+ }
12
+
1
13
  #login {
2
14
  width: 400px;
3
- max-width: 100%;
15
+ max-width: 95%;
4
16
  margin: auto;
5
17
  background-color: white;
6
18
  border-top: 3px solid $primary-color;
7
19
  box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
8
20
  border-radius: 3px;
9
21
  padding: 30px;
10
- margin-top: 100px;
11
22
 
12
23
  color: $text-color;
13
24
 
@@ -27,7 +38,7 @@
27
38
  }
28
39
 
29
40
  .input_action {
30
- width: 50%;
41
+ min-width: 50%;
31
42
  }
32
43
 
33
44
  input[type="submit"] {
@@ -0,0 +1,42 @@
1
+ <%# NB: This is a copy of ActiveAdmin's layout, but with the meta viewport tag included %>
2
+ <!DOCTYPE html>
3
+ <html>
4
+ <head>
5
+ <meta http-equiv="Content-type" content="text/html; charset=utf-8">
6
+
7
+ <title><%= [@page_title, render_or_call_method_or_proc_on(self, ActiveAdmin.application.site_title)].compact.join(" | ") %></title>
8
+
9
+ <% ActiveAdmin.application.stylesheets.each do |style, options| %>
10
+ <%= stylesheet_link_tag style, options %>
11
+ <% end %>
12
+ <% ActiveAdmin.application.javascripts.each do |path| %>
13
+ <%= javascript_include_tag path %>
14
+ <% end %>
15
+
16
+ <%= favicon_link_tag ActiveAdmin.application.favicon if ActiveAdmin.application.favicon %>
17
+
18
+ <% ActiveAdmin.application.meta_tags_for_logged_out_pages.each do |name, content| %>
19
+ <%= tag(:meta, name: name, content: content) %>
20
+ <% end %>
21
+
22
+ <%= csrf_meta_tag %>
23
+
24
+ <meta name='viewport' content='width=device-width, initial-scale=1'>
25
+ </head>
26
+ <body class="active_admin logged_out <%= controller.action_name %>">
27
+ <div id="wrapper">
28
+
29
+ <div id="content_wrapper">
30
+ <% flash_messages.each do |type, message| %>
31
+ <%= content_tag :div, message, class: "flash flash_#{type}" %>
32
+ <% end %>
33
+ <div id="active_admin_content">
34
+ <%= yield %>
35
+ </div>
36
+ </div>
37
+ <div id="footer">
38
+ <%= yield :footer %>
39
+ </div>
40
+ </div>
41
+ </body>
42
+ </html>
@@ -1,6 +1,6 @@
1
1
  Gem::Specification.new do |s|
2
2
  s.name = 'arctic_admin'
3
- s.version = '1.0.2'
3
+ s.version = '1.0.3'
4
4
  s.date = '2017-02-05'
5
5
  s.summary = "Arctic Admin theme for ActiveAdmin"
6
6
  s.description = "A simple theme for Active Admin"
@@ -1,3 +1,5 @@
1
+ require 'arctic_admin/active_admin/views/pages/bases'
2
+
1
3
  module ArcticAdmin
2
4
  module Rails
3
5
  class Engine < ::Rails::Engine
@@ -0,0 +1,16 @@
1
+ module ActiveAdmin
2
+ module Views
3
+ module Pages
4
+ class Base < Arbre::HTML::Document
5
+ alias_method :_build_active_admin_head, :build_active_admin_head
6
+ def build_active_admin_head
7
+ _build_active_admin_head
8
+
9
+ within @head do
10
+ meta name: 'viewport', content: 'width=device-width, initial-scale=1'
11
+ end
12
+ end
13
+ end
14
+ end
15
+ end
16
+ end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: arctic_admin
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.2
4
+ version: 1.0.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - Clément Prod'homme
@@ -137,6 +137,7 @@ files:
137
137
  - app/assets/stylesheets/components/_panel_contents.scss
138
138
  - app/assets/stylesheets/components/_status_tag.scss
139
139
  - app/assets/stylesheets/components/_tables.scss
140
+ - app/assets/stylesheets/layouts/_filter.scss
140
141
  - app/assets/stylesheets/layouts/_footer.scss
141
142
  - app/assets/stylesheets/layouts/_header.scss
142
143
  - app/assets/stylesheets/layouts/_main_content.scss
@@ -148,8 +149,7 @@ files:
148
149
  - app/assets/stylesheets/pages/_index.scss
149
150
  - app/assets/stylesheets/pages/_login.scss
150
151
  - app/assets/stylesheets/pages/_show.scss
151
- - arctic_admin-1.0.0.gem
152
- - arctic_admin-1.0.1.gem
152
+ - app/views/layouts/active_admin_logged_out.html.erb
153
153
  - arctic_admin.gemspec
154
154
  - doc/.DS_Store
155
155
  - doc/dashboard.png
@@ -157,6 +157,7 @@ files:
157
157
  - doc/login.png
158
158
  - doc/show.png
159
159
  - lib/arctic_admin.rb
160
+ - lib/arctic_admin/active_admin/views/pages/bases.rb
160
161
  homepage: https://github.com/cle61/arctic_admin
161
162
  licenses:
162
163
  - MIT
Binary file
Binary file