administrate-bootstrap-theme 0.1.6 → 0.1.8

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.
Files changed (10) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +12 -2
  3. data/app/assets/config/administrate-bootstrap-theme_manifest.js +1 -0
  4. data/app/assets/javascripts/administrate-bootstrap-theme/theme.js +2 -0
  5. data/app/assets/stylesheets/administrate-bootstrap-theme/_base.scss +3 -1
  6. data/app/assets/stylesheets/administrate-bootstrap-theme/components/_content_body.scss +1 -3
  7. data/app/assets/stylesheets/administrate-bootstrap-theme/components/_form.scss +46 -26
  8. data/lib/administrate-bootstrap-theme/engine.rb +2 -0
  9. data/lib/administrate-bootstrap-theme/version.rb +1 -1
  10. metadata +3 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 85b387e796f125e77538f6b4ceaeb59b9ea23417386e08abfdca4ba772080d32
4
- data.tar.gz: eb763ed993ab5adea42b9fa768d97921d846169b4d888d1002ddbff4391398b8
3
+ metadata.gz: eb9d26e362dbe536ab4a0e4ecc13e3f1935ed019da480dfe9f659c78948f7527
4
+ data.tar.gz: 02d4b2e5676e89002e6d39bd5cf90debf51b9d8bd42aed9a2badf4f0461c0088
5
5
  SHA512:
6
- metadata.gz: 40acf3c3b78f46c28796d5de774cd9b6825e77adc455f4b6dce20434a9c686e011e05ac07c74b58e32337d70c0b09e5dece4bdd8dbf037762b0ed71cad57a282
7
- data.tar.gz: 55e9a72f6fbb7614588b497b58ca55fd10ea834b3b2520b92ac3f6265cdd4b4f32bd37ee3826743b09a4fb03edce6c434de8bcde27221f2d5197ed23810f4ced
6
+ metadata.gz: da4bd70e2e13d72f2ef0af348ec28f6d61469b176ac3be83866c387d439641f112a33ea6fe8474350014668a97068c6fd7e717fbcd0e538063403811f8fbf358
7
+ data.tar.gz: d39de72ce3659ab179388ec8dc685a89696801185fe50e203894dc9b923e62d6d66f335905dfdbd58bf7e2a94a08669ebd641446d828f474079da47d44aba00b
data/README.md CHANGED
@@ -2,11 +2,11 @@
2
2
  A Bootstrap 5 (_beta_) theme for [Administrate](https://github.com/thoughtbot/administrate).
3
3
 
4
4
  Features:
5
- - easy to install, just include CSS to apply the theme to a default Administrate structure;
5
+ - easy to install, just include CSS/JS to apply the theme to a default Administrate structure;
6
6
  - customizable via SASS variables;
7
7
  - allow to use *Bootstrap* components in the admin.
8
8
 
9
- ![screenshot](screenshot.png)
9
+ See some [screenshots](#screenshots).
10
10
 
11
11
  ## Installation
12
12
  - Add to *Gemfile* (of an Administrate project): `gem 'administrate-bootstrap-theme'` (and execute `bundle`)
@@ -14,6 +14,7 @@ Features:
14
14
 
15
15
  ```js
16
16
  //= link administrate-bootstrap-theme/theme.css
17
+ //= link administrate-bootstrap-theme/theme.js
17
18
  ```
18
19
 
19
20
  - Generate the layout views if they are missing: `rails generate administrate:views:layout` (only **_stylesheet** and **_javascript** partials are needed)
@@ -27,6 +28,7 @@ Features:
27
28
  - Update *app/views/admin/application/_javascript.html.erb*, leaving only:
28
29
 
29
30
  ```erb
31
+ <%= javascript_include_tag 'administrate-bootstrap-theme/theme' %>
30
32
  <%= yield :javascript %>
31
33
  ```
32
34
 
@@ -43,6 +45,14 @@ And replace the link tag in the *application.html.erb* with: `<%= stylesheet_lin
43
45
 
44
46
  For the complete list of options take a look [here](app/assets/stylesheets/administrate-bootstrap-theme/_variables.scss).
45
47
 
48
+ ## Screenshots
49
+ - Index page:
50
+ ![screenshot_index](screenshot_index.png)
51
+ - Show page:
52
+ ![screenshot_show](screenshot_show.png)
53
+ - Form page:
54
+ ![screenshot_form](screenshot_form.png)
55
+
46
56
  ## Do you like it? Star it!
47
57
  If you use this component just star it. A developer is more motivated to improve a project when there is some interest.
48
58
 
data/app/assets/config/administrate-bootstrap-theme_manifest.js CHANGED
@@ -1 +1,2 @@
1
1
  //= link_directory ../stylesheets/administrate-bootstrap-theme .css
2
+ //= link_directory ../javascripts/administrate-bootstrap-theme .js
data/app/assets/javascripts/administrate-bootstrap-theme/theme.js ADDED
@@ -0,0 +1,2 @@
1
+ //= require bootstrap/dist/js/bootstrap.bundle
2
+
data/app/assets/stylesheets/administrate-bootstrap-theme/_base.scss CHANGED
@@ -1,10 +1,11 @@
1
- @import "../../../node_modules/bootstrap/scss/bootstrap";
1
+ @import "bootstrap/scss/bootstrap";
2
2
 
3
3
  @import "variables";
4
4
 
5
5
  @import "components/navigation";
6
6
  @import "components/content_header";
7
7
  @import "components/content_body";
8
+ @import "components/form";
8
9
  @import "components/pagination";
9
10
 
10
11
  .app-container {
@@ -14,6 +15,7 @@
14
15
  }
15
16
 
16
17
  .flashes {
18
+ pointer-events: none;
17
19
  position: fixed;
18
20
  text-align: center;
19
21
  width: calc(100% - #{$navigation-width});
data/app/assets/stylesheets/administrate-bootstrap-theme/components/_content_body.scss CHANGED
@@ -1,7 +1,5 @@
1
1
  .main-content__body {
2
- @extend .container-fluid;
3
-
4
- @import "form";
2
+ @extend .container-fluid, .mb-3;
5
3
 
6
4
  > dl {
7
5
  @extend .row;
data/app/assets/stylesheets/administrate-bootstrap-theme/components/_form.scss CHANGED
@@ -1,41 +1,61 @@
1
- // Imported in content_body
1
+ .main-content__body {
2
+ legend {
3
+ @extend .fs-4, .my-2;
4
+ }
2
5
 
3
- #error_explanation {
4
- @extend .alert, .alert-danger;
6
+ .field_with_errors {
7
+ @extend .text-danger;
8
+ }
5
9
 
6
- > h2 {
7
- @extend .h4, .alert-heading;
10
+ .form-actions > input {
11
+ @extend .btn;
8
12
  }
9
13
 
10
- > ul {
11
- @extend .mb-0;
14
+ .field-unit {
15
+ @extend .row, .mb-3;
12
16
  }
13
- }
14
17
 
15
- .field_with_errors {
16
- @extend .text-danger;
17
- }
18
+ .field-unit__field {
19
+ @extend .col-10;
18
20
 
19
- .form-actions > input {
20
- @extend .btn;
21
- }
21
+ > input:not([type="checkbox"]) {
22
+ @extend .form-control;
23
+ }
22
24
 
23
- .field-unit {
24
- @extend .row;
25
- }
25
+ > input[type="checkbox"] {
26
+ @extend .form-check-input
27
+ }
26
28
 
27
- .field-unit__field {
28
- @extend .col-10;
29
+ > select {
30
+ @extend .form-select;
31
+ }
29
32
 
30
- > input[type="text"], > textarea {
31
- @extend .form-control;
33
+ > textarea {
34
+ @extend .form-control;
35
+ min-height: 150px;
36
+ }
32
37
  }
33
- }
34
38
 
35
- .field-unit__label {
36
- @extend .col-2;
39
+ .field-unit__label {
40
+ @extend .col-2;
41
+
42
+ > label {
43
+ @extend .col-form-label;
44
+ border-bottom: 1px dashed #ccc;
45
+ padding-bottom: 0;
46
+ width: 100%;
47
+ }
48
+ }
49
+
50
+ #error_explanation {
51
+ @extend .alert, .alert-danger;
52
+
53
+ > h2 {
54
+ @extend .h4, .alert-heading;
55
+ }
37
56
 
38
- > label {
39
- @extend .col-form-label;
57
+ > ul {
58
+ @extend .mb-0;
59
+ }
40
60
  }
41
61
  }
data/lib/administrate-bootstrap-theme/engine.rb CHANGED
@@ -3,5 +3,7 @@
3
3
  module AdministrateBootstrapTheme
4
4
  class Engine < ::Rails::Engine
5
5
  isolate_namespace AdministrateBootstrapTheme
6
+
7
+ config.assets.paths << File.expand_path('../../node_modules', __dir__)
6
8
  end
7
9
  end
data/lib/administrate-bootstrap-theme/version.rb CHANGED
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module AdministrateBootstrapTheme
4
- VERSION = '0.1.6'
4
+ VERSION = '0.1.8'
5
5
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: administrate-bootstrap-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.6
4
+ version: 0.1.8
5
5
  platform: ruby
6
6
  authors:
7
7
  - Mattia Roccoberton
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-04-20 00:00:00.000000000 Z
11
+ date: 2021-04-24 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: administrate
@@ -133,6 +133,7 @@ files:
133
133
  - README.md
134
134
  - Rakefile
135
135
  - app/assets/config/administrate-bootstrap-theme_manifest.js
136
+ - app/assets/javascripts/administrate-bootstrap-theme/theme.js
136
137
  - app/assets/stylesheets/administrate-bootstrap-theme/_base.scss
137
138
  - app/assets/stylesheets/administrate-bootstrap-theme/_variables.scss
138
139
  - app/assets/stylesheets/administrate-bootstrap-theme/components/_content_body.scss