activeadmin_medium_editor 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (33) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +3 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +20 -0
  5. data/README.md +48 -0
  6. data/Rakefile +3 -0
  7. data/activeadmin_medium_editor.gemspec +19 -0
  8. data/app/assets/javascripts/activeadmin/medium_editor/medium_editor.js +7885 -0
  9. data/app/assets/javascripts/activeadmin/medium_editor/medium_editor.min.js +4 -0
  10. data/app/assets/javascripts/activeadmin/medium_editor_input.js +8 -0
  11. data/app/assets/stylesheets/activeadmin/_medium_editor_input.sass +29 -0
  12. data/app/assets/stylesheets/activeadmin/medium_editor/medium_editor.css +230 -0
  13. data/app/assets/stylesheets/activeadmin/medium_editor/medium_editor.min.css +1 -0
  14. data/app/assets/stylesheets/activeadmin/medium_editor/themes/beagle.css +78 -0
  15. data/app/assets/stylesheets/activeadmin/medium_editor/themes/beagle.min.css +1 -0
  16. data/app/assets/stylesheets/activeadmin/medium_editor/themes/bootstrap.css +67 -0
  17. data/app/assets/stylesheets/activeadmin/medium_editor/themes/bootstrap.min.css +1 -0
  18. data/app/assets/stylesheets/activeadmin/medium_editor/themes/default.css +63 -0
  19. data/app/assets/stylesheets/activeadmin/medium_editor/themes/default.min.css +1 -0
  20. data/app/assets/stylesheets/activeadmin/medium_editor/themes/flat.css +58 -0
  21. data/app/assets/stylesheets/activeadmin/medium_editor/themes/flat.min.css +1 -0
  22. data/app/assets/stylesheets/activeadmin/medium_editor/themes/mani.css +57 -0
  23. data/app/assets/stylesheets/activeadmin/medium_editor/themes/mani.min.css +1 -0
  24. data/app/assets/stylesheets/activeadmin/medium_editor/themes/roman.css +58 -0
  25. data/app/assets/stylesheets/activeadmin/medium_editor/themes/roman.min.css +1 -0
  26. data/app/assets/stylesheets/activeadmin/medium_editor/themes/tim.css +67 -0
  27. data/app/assets/stylesheets/activeadmin/medium_editor/themes/tim.min.css +1 -0
  28. data/lib/activeadmin/medium_editor/engine.rb +9 -0
  29. data/lib/activeadmin/medium_editor/version.rb +5 -0
  30. data/lib/activeadmin/medium_editor.rb +1 -0
  31. data/lib/activeadmin_medium_editor.rb +3 -0
  32. data/lib/formtastic/inputs/medium_editor_input.rb +9 -0
  33. metadata +88 -0
@@ -0,0 +1 @@
1
+ .medium-toolbar-arrow-under:after{border-color:#000 transparent transparent;top:40px}.medium-toolbar-arrow-over:before{border-color:transparent transparent #000}.medium-editor-toolbar{background-color:#000;border:none;border-radius:50px}.medium-editor-toolbar li button{background-color:transparent;border:none;box-sizing:border-box;color:#ccc;height:40px;min-width:40px;padding:5px 12px;-webkit-transition:background-color .2s ease-in,color .2s ease-in;transition:background-color .2s ease-in,color .2s ease-in}.medium-editor-toolbar li .medium-editor-button-active,.medium-editor-toolbar li button:hover{background-color:#000;color:#a2d7c7}.medium-editor-toolbar li .medium-editor-button-first{border-bottom-left-radius:50px;border-top-left-radius:50px;padding-left:24px}.medium-editor-toolbar li .medium-editor-button-last{border-bottom-right-radius:50px;border-right:none;border-top-right-radius:50px;padding-right:24px}.medium-editor-toolbar-form{background:#000;border-radius:50px;color:#ccc;overflow:hidden}.medium-editor-toolbar-form .medium-editor-toolbar-input{background:#000;box-sizing:border-box;color:#ccc;height:40px;padding-left:16px;width:220px}.medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder{color:#f8f5f3;color:rgba(248,245,243,.8)}.medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder{color:#f8f5f3;color:rgba(248,245,243,.8)}.medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder{color:#f8f5f3;color:rgba(248,245,243,.8)}.medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder{color:#f8f5f3;color:rgba(248,245,243,.8)}.medium-editor-toolbar-form a{color:#ccc;-webkit-transform:translateY(2px);transform:translateY(2px)}.medium-editor-toolbar-form .medium-editor-toolbar-close{margin-right:16px}.medium-editor-toolbar-anchor-preview{background:#000;border-radius:50px;padding:5px 12px}.medium-editor-anchor-preview a{color:#ccc;text-decoration:none}
@@ -0,0 +1,67 @@
1
+ .medium-toolbar-arrow-under:after {
2
+ border-color: #428bca transparent transparent transparent;
3
+ top: 60px; }
4
+
5
+ .medium-toolbar-arrow-over:before {
6
+ border-color: transparent transparent #428bca transparent; }
7
+
8
+ .medium-editor-toolbar {
9
+ background-color: #428bca;
10
+ border: 1px solid #357ebd;
11
+ border-radius: 4px; }
12
+ .medium-editor-toolbar li button {
13
+ background-color: transparent;
14
+ border: none;
15
+ border-right: 1px solid #357ebd;
16
+ box-sizing: border-box;
17
+ color: #fff;
18
+ height: 60px;
19
+ min-width: 60px;
20
+ -webkit-transition: background-color .2s ease-in, color .2s ease-in;
21
+ transition: background-color .2s ease-in, color .2s ease-in; }
22
+ .medium-editor-toolbar li button:hover {
23
+ background-color: #3276b1;
24
+ color: #fff; }
25
+ .medium-editor-toolbar li .medium-editor-button-first {
26
+ border-bottom-left-radius: 4px;
27
+ border-top-left-radius: 4px; }
28
+ .medium-editor-toolbar li .medium-editor-button-last {
29
+ border-bottom-right-radius: 4px;
30
+ border-right: none;
31
+ border-top-right-radius: 4px; }
32
+ .medium-editor-toolbar li .medium-editor-button-active {
33
+ background-color: #3276b1;
34
+ color: #fff; }
35
+
36
+ .medium-editor-toolbar-form {
37
+ background: #428bca;
38
+ border-radius: 4px;
39
+ color: #fff; }
40
+ .medium-editor-toolbar-form .medium-editor-toolbar-input {
41
+ background: #428bca;
42
+ color: #fff;
43
+ height: 60px; }
44
+ .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
45
+ color: #fff;
46
+ color: rgba(255, 255, 255, 0.8); }
47
+ .medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder {
48
+ /* Firefox 18- */
49
+ color: #fff;
50
+ color: rgba(255, 255, 255, 0.8); }
51
+ .medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder {
52
+ /* Firefox 19+ */
53
+ color: #fff;
54
+ color: rgba(255, 255, 255, 0.8); }
55
+ .medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder {
56
+ color: #fff;
57
+ color: rgba(255, 255, 255, 0.8); }
58
+ .medium-editor-toolbar-form a {
59
+ color: #fff; }
60
+
61
+ .medium-editor-toolbar-anchor-preview {
62
+ background: #428bca;
63
+ border-radius: 4px;
64
+ color: #fff; }
65
+
66
+ .medium-editor-placeholder:after {
67
+ color: #357ebd; }
@@ -0,0 +1 @@
1
+ .medium-toolbar-arrow-under:after{border-color:#428bca transparent transparent;top:60px}.medium-toolbar-arrow-over:before{border-color:transparent transparent #428bca}.medium-editor-toolbar{background-color:#428bca;border:1px solid #357ebd;border-radius:4px}.medium-editor-toolbar li button{background-color:transparent;border:none;border-right:1px solid #357ebd;box-sizing:border-box;color:#fff;height:60px;min-width:60px;-webkit-transition:background-color .2s ease-in,color .2s ease-in;transition:background-color .2s ease-in,color .2s ease-in}.medium-editor-toolbar li .medium-editor-button-active,.medium-editor-toolbar li button:hover{background-color:#3276b1;color:#fff}.medium-editor-toolbar li .medium-editor-button-first{border-bottom-left-radius:4px;border-top-left-radius:4px}.medium-editor-toolbar li .medium-editor-button-last{border-bottom-right-radius:4px;border-right:none;border-top-right-radius:4px}.medium-editor-toolbar-form{background:#428bca;border-radius:4px;color:#fff}.medium-editor-toolbar-form .medium-editor-toolbar-input{background:#428bca;color:#fff;height:60px}.medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder{color:#fff;color:rgba(255,255,255,.8)}.medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder{color:#fff;color:rgba(255,255,255,.8)}.medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder{color:#fff;color:rgba(255,255,255,.8)}.medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder{color:#fff;color:rgba(255,255,255,.8)}.medium-editor-toolbar-form a{color:#fff}.medium-editor-toolbar-anchor-preview{background:#428bca;border-radius:4px;color:#fff}.medium-editor-placeholder:after{color:#357ebd}
@@ -0,0 +1,63 @@
1
+ .medium-toolbar-arrow-under:after {
2
+ border-color: #242424 transparent transparent transparent;
3
+ top: 50px; }
4
+
5
+ .medium-toolbar-arrow-over:before {
6
+ border-color: transparent transparent #242424 transparent;
7
+ top: -8px; }
8
+
9
+ .medium-editor-toolbar {
10
+ background-color: #242424;
11
+ background: -webkit-linear-gradient(top, #242424, rgba(36, 36, 36, 0.75));
12
+ background: linear-gradient(to bottom, #242424, rgba(36, 36, 36, 0.75));
13
+ border: 1px solid #000;
14
+ border-radius: 5px;
15
+ box-shadow: 0 0 3px #000; }
16
+ .medium-editor-toolbar li button {
17
+ background-color: #242424;
18
+ background: -webkit-linear-gradient(top, #242424, rgba(36, 36, 36, 0.89));
19
+ background: linear-gradient(to bottom, #242424, rgba(36, 36, 36, 0.89));
20
+ border: 0;
21
+ border-right: 1px solid #000;
22
+ border-left: 1px solid #333;
23
+ border-left: 1px solid rgba(255, 255, 255, 0.1);
24
+ box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
25
+ color: #fff;
26
+ height: 50px;
27
+ min-width: 50px;
28
+ -webkit-transition: background-color .2s ease-in;
29
+ transition: background-color .2s ease-in; }
30
+ .medium-editor-toolbar li button:hover {
31
+ background-color: #000;
32
+ color: yellow; }
33
+ .medium-editor-toolbar li .medium-editor-button-first {
34
+ border-bottom-left-radius: 5px;
35
+ border-top-left-radius: 5px; }
36
+ .medium-editor-toolbar li .medium-editor-button-last {
37
+ border-bottom-right-radius: 5px;
38
+ border-top-right-radius: 5px; }
39
+ .medium-editor-toolbar li .medium-editor-button-active {
40
+ background-color: #000;
41
+ background: -webkit-linear-gradient(top, #242424, rgba(0, 0, 0, 0.89));
42
+ background: linear-gradient(to bottom, #242424, rgba(0, 0, 0, 0.89));
43
+ color: #fff; }
44
+
45
+ .medium-editor-toolbar-form {
46
+ background: #242424;
47
+ border-radius: 5px;
48
+ color: #999; }
49
+ .medium-editor-toolbar-form .medium-editor-toolbar-input {
50
+ background: #242424;
51
+ box-sizing: border-box;
52
+ color: #ccc;
53
+ height: 50px; }
54
+ .medium-editor-toolbar-form a {
55
+ color: #fff; }
56
+
57
+ .medium-editor-toolbar-anchor-preview {
58
+ background: #242424;
59
+ border-radius: 5px;
60
+ color: #fff; }
61
+
62
+ .medium-editor-placeholder:after {
63
+ color: #b3b3b1; }
@@ -0,0 +1 @@
1
+ .medium-toolbar-arrow-under:after{border-color:#242424 transparent transparent;top:50px}.medium-toolbar-arrow-over:before{border-color:transparent transparent #242424;top:-8px}.medium-editor-toolbar{background-color:#242424;background:-webkit-linear-gradient(top,#242424,rgba(36,36,36,.75));background:linear-gradient(to bottom,#242424,rgba(36,36,36,.75));border:1px solid #000;border-radius:5px;box-shadow:0 0 3px #000}.medium-editor-toolbar li button{background-color:#242424;background:-webkit-linear-gradient(top,#242424,rgba(36,36,36,.89));background:linear-gradient(to bottom,#242424,rgba(36,36,36,.89));border:0;border-right:1px solid #000;border-left:1px solid #333;border-left:1px solid rgba(255,255,255,.1);box-shadow:0 2px 2px rgba(0,0,0,.3);color:#fff;height:50px;min-width:50px;-webkit-transition:background-color .2s ease-in;transition:background-color .2s ease-in}.medium-editor-toolbar li button:hover{background-color:#000;color:#ff0}.medium-editor-toolbar li .medium-editor-button-first{border-bottom-left-radius:5px;border-top-left-radius:5px}.medium-editor-toolbar li .medium-editor-button-last{border-bottom-right-radius:5px;border-top-right-radius:5px}.medium-editor-toolbar li .medium-editor-button-active{background-color:#000;background:-webkit-linear-gradient(top,#242424,rgba(0,0,0,.89));background:linear-gradient(to bottom,#242424,rgba(0,0,0,.89));color:#fff}.medium-editor-toolbar-form{background:#242424;border-radius:5px;color:#999}.medium-editor-toolbar-form .medium-editor-toolbar-input{background:#242424;box-sizing:border-box;color:#ccc;height:50px}.medium-editor-toolbar-form a{color:#fff}.medium-editor-toolbar-anchor-preview{background:#242424;border-radius:5px;color:#fff}.medium-editor-placeholder:after{color:#b3b3b1}
@@ -0,0 +1,58 @@
1
+ .medium-toolbar-arrow-under:after {
2
+ top: 60px;
3
+ border-color: #57ad68 transparent transparent transparent; }
4
+
5
+ .medium-toolbar-arrow-over:before {
6
+ top: -8px;
7
+ border-color: transparent transparent #57ad68 transparent; }
8
+
9
+ .medium-editor-toolbar {
10
+ background-color: #57ad68; }
11
+ .medium-editor-toolbar li {
12
+ padding: 0; }
13
+ .medium-editor-toolbar li button {
14
+ min-width: 60px;
15
+ height: 60px;
16
+ border: none;
17
+ border-right: 1px solid #9ccea6;
18
+ background-color: transparent;
19
+ color: #fff;
20
+ -webkit-transition: background-color .2s ease-in, color .2s ease-in;
21
+ transition: background-color .2s ease-in, color .2s ease-in; }
22
+ .medium-editor-toolbar li button:hover {
23
+ background-color: #346a3f;
24
+ color: #fff; }
25
+ .medium-editor-toolbar li .medium-editor-button-active {
26
+ background-color: #23482a;
27
+ color: #fff; }
28
+ .medium-editor-toolbar li .medium-editor-button-last {
29
+ border-right: none; }
30
+
31
+ .medium-editor-toolbar-form .medium-editor-toolbar-input {
32
+ height: 60px;
33
+ background: #57ad68;
34
+ color: #fff; }
35
+ .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
36
+ color: #fff;
37
+ color: rgba(255, 255, 255, 0.8); }
38
+ .medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder {
39
+ /* Firefox 18- */
40
+ color: #fff;
41
+ color: rgba(255, 255, 255, 0.8); }
42
+ .medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder {
43
+ /* Firefox 19+ */
44
+ color: #fff;
45
+ color: rgba(255, 255, 255, 0.8); }
46
+ .medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder {
47
+ color: #fff;
48
+ color: rgba(255, 255, 255, 0.8); }
49
+
50
+ .medium-editor-toolbar-form a {
51
+ color: #fff; }
52
+
53
+ .medium-editor-toolbar-anchor-preview {
54
+ background: #57ad68;
55
+ color: #fff; }
56
+
57
+ .medium-editor-placeholder:after {
58
+ color: #9ccea6; }
@@ -0,0 +1 @@
1
+ .medium-toolbar-arrow-under:after{top:60px;border-color:#57ad68 transparent transparent}.medium-toolbar-arrow-over:before{top:-8px;border-color:transparent transparent #57ad68}.medium-editor-toolbar{background-color:#57ad68}.medium-editor-toolbar li{padding:0}.medium-editor-toolbar li button{min-width:60px;height:60px;border:none;border-right:1px solid #9ccea6;background-color:transparent;color:#fff;-webkit-transition:background-color .2s ease-in,color .2s ease-in;transition:background-color .2s ease-in,color .2s ease-in}.medium-editor-toolbar li button:hover{background-color:#346a3f;color:#fff}.medium-editor-toolbar li .medium-editor-button-active{background-color:#23482a;color:#fff}.medium-editor-toolbar li .medium-editor-button-last{border-right:none}.medium-editor-toolbar-form .medium-editor-toolbar-input{height:60px;background:#57ad68;color:#fff}.medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder{color:#fff;color:rgba(255,255,255,.8)}.medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder{color:#fff;color:rgba(255,255,255,.8)}.medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder{color:#fff;color:rgba(255,255,255,.8)}.medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder{color:#fff;color:rgba(255,255,255,.8)}.medium-editor-toolbar-form a{color:#fff}.medium-editor-toolbar-anchor-preview{background:#57ad68;color:#fff}.medium-editor-placeholder:after{color:#9ccea6}
@@ -0,0 +1,57 @@
1
+ .medium-toolbar-arrow-under:after,
2
+ .medium-toolbar-arrow-over:before {
3
+ display: none; }
4
+
5
+ .medium-editor-toolbar {
6
+ border: 1px solid #cdd6e0;
7
+ background-color: #dee7f0;
8
+ background-color: rgba(222, 231, 240, 0.95);
9
+ background: -webkit-linear-gradient(bottom, #dee7f0, white);
10
+ background: linear-gradient(to top, #dee7f0, white);
11
+ border-radius: 2px;
12
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45); }
13
+ .medium-editor-toolbar li button {
14
+ min-width: 50px;
15
+ height: 50px;
16
+ border: none;
17
+ border-right: 1px solid #cdd6e0;
18
+ background-color: transparent;
19
+ color: #40648a;
20
+ -webkit-transition: background-color .2s ease-in, color .2s ease-in;
21
+ transition: background-color .2s ease-in, color .2s ease-in; }
22
+ .medium-editor-toolbar li button:hover {
23
+ background-color: #5c90c7;
24
+ background-color: rgba(92, 144, 199, 0.45);
25
+ color: #fff; }
26
+ .medium-editor-toolbar li .medium-editor-button-first {
27
+ border-top-left-radius: 2px;
28
+ border-bottom-left-radius: 2px; }
29
+ .medium-editor-toolbar li .medium-editor-button-last {
30
+ border-top-right-radius: 2px;
31
+ border-bottom-right-radius: 2px; }
32
+ .medium-editor-toolbar li .medium-editor-button-active {
33
+ background-color: #5c90c7;
34
+ background-color: rgba(92, 144, 199, 0.45);
35
+ color: #000;
36
+ background: -webkit-linear-gradient(top, #dee7f0, rgba(0, 0, 0, 0.1));
37
+ background: linear-gradient(to bottom, #dee7f0, rgba(0, 0, 0, 0.1)); }
38
+
39
+ .medium-editor-toolbar-form {
40
+ background: #dee7f0;
41
+ color: #999;
42
+ border-radius: 2px; }
43
+ .medium-editor-toolbar-form .medium-editor-toolbar-input {
44
+ height: 50px;
45
+ background: #dee7f0;
46
+ color: #40648a;
47
+ box-sizing: border-box; }
48
+ .medium-editor-toolbar-form a {
49
+ color: #40648a; }
50
+
51
+ .medium-editor-toolbar-anchor-preview {
52
+ background: #dee7f0;
53
+ color: #40648a;
54
+ border-radius: 2px; }
55
+
56
+ .medium-editor-placeholder:after {
57
+ color: #cdd6e0; }
@@ -0,0 +1 @@
1
+ .medium-toolbar-arrow-over:before,.medium-toolbar-arrow-under:after{display:none}.medium-editor-toolbar{border:1px solid #cdd6e0;background-color:#dee7f0;background-color:rgba(222,231,240,.95);background:-webkit-linear-gradient(bottom,#dee7f0,#fff);background:linear-gradient(to top,#dee7f0,#fff);border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,.45)}.medium-editor-toolbar li button{min-width:50px;height:50px;border:none;border-right:1px solid #cdd6e0;background-color:transparent;color:#40648a;-webkit-transition:background-color .2s ease-in,color .2s ease-in;transition:background-color .2s ease-in,color .2s ease-in}.medium-editor-toolbar li button:hover{background-color:#5c90c7;background-color:rgba(92,144,199,.45);color:#fff}.medium-editor-toolbar li .medium-editor-button-first{border-top-left-radius:2px;border-bottom-left-radius:2px}.medium-editor-toolbar li .medium-editor-button-last{border-top-right-radius:2px;border-bottom-right-radius:2px}.medium-editor-toolbar li .medium-editor-button-active{background-color:#5c90c7;background-color:rgba(92,144,199,.45);color:#000;background:-webkit-linear-gradient(top,#dee7f0,rgba(0,0,0,.1));background:linear-gradient(to bottom,#dee7f0,rgba(0,0,0,.1))}.medium-editor-toolbar-form{background:#dee7f0;color:#999;border-radius:2px}.medium-editor-toolbar-form .medium-editor-toolbar-input{height:50px;background:#dee7f0;color:#40648a;box-sizing:border-box}.medium-editor-toolbar-form a{color:#40648a}.medium-editor-toolbar-anchor-preview{background:#dee7f0;color:#40648a;border-radius:2px}.medium-editor-placeholder:after{color:#cdd6e0}
@@ -0,0 +1,58 @@
1
+ .medium-toolbar-arrow-under:after,
2
+ .medium-toolbar-arrow-over:before {
3
+ display: none; }
4
+
5
+ .medium-editor-toolbar {
6
+ background-color: #fff;
7
+ background-color: rgba(255, 255, 255, 0.95);
8
+ border-radius: 5px;
9
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45); }
10
+ .medium-editor-toolbar li button {
11
+ min-width: 50px;
12
+ height: 50px;
13
+ border: none;
14
+ border-right: 1px solid #a8a8a8;
15
+ background-color: transparent;
16
+ color: #889aac;
17
+ box-shadow: inset 0 0 3px #f8f8e6;
18
+ background: -webkit-linear-gradient(top, #fff, rgba(0, 0, 0, 0.2));
19
+ background: linear-gradient(to bottom, #fff, rgba(0, 0, 0, 0.2));
20
+ text-shadow: 1px 4px 6px #def, 0 0 0 #000, 1px 4px 6px #def;
21
+ -webkit-transition: background-color .2s ease-in;
22
+ transition: background-color .2s ease-in; }
23
+ .medium-editor-toolbar li button:hover {
24
+ background-color: #fff;
25
+ color: #fff;
26
+ color: rgba(0, 0, 0, 0.8); }
27
+ .medium-editor-toolbar li .medium-editor-button-first {
28
+ border-top-left-radius: 5px;
29
+ border-bottom-left-radius: 5px; }
30
+ .medium-editor-toolbar li .medium-editor-button-last {
31
+ border-top-right-radius: 5px;
32
+ border-bottom-right-radius: 5px; }
33
+ .medium-editor-toolbar li .medium-editor-button-active {
34
+ background-color: #ccc;
35
+ color: #000;
36
+ color: rgba(0, 0, 0, 0.8);
37
+ background: -webkit-linear-gradient(bottom, #fff, rgba(0, 0, 0, 0.1));
38
+ background: linear-gradient(to top, #fff, rgba(0, 0, 0, 0.1)); }
39
+
40
+ .medium-editor-toolbar-form {
41
+ background: #fff;
42
+ color: #999;
43
+ border-radius: 5px; }
44
+ .medium-editor-toolbar-form .medium-editor-toolbar-input {
45
+ margin: 0;
46
+ height: 50px;
47
+ background: #fff;
48
+ color: #a8a8a8; }
49
+ .medium-editor-toolbar-form a {
50
+ color: #889aac; }
51
+
52
+ .medium-editor-toolbar-anchor-preview {
53
+ background: #fff;
54
+ color: #889aac;
55
+ border-radius: 5px; }
56
+
57
+ .medium-editor-placeholder:after {
58
+ color: #a8a8a8; }
@@ -0,0 +1 @@
1
+ .medium-toolbar-arrow-over:before,.medium-toolbar-arrow-under:after{display:none}.medium-editor-toolbar{background-color:#fff;background-color:rgba(255,255,255,.95);border-radius:5px;box-shadow:0 2px 6px rgba(0,0,0,.45)}.medium-editor-toolbar li button{min-width:50px;height:50px;border:none;border-right:1px solid #a8a8a8;background-color:transparent;color:#889aac;box-shadow:inset 0 0 3px #f8f8e6;background:-webkit-linear-gradient(top,#fff,rgba(0,0,0,.2));background:linear-gradient(to bottom,#fff,rgba(0,0,0,.2));text-shadow:1px 4px 6px #def,0 0 0 #000,1px 4px 6px #def;-webkit-transition:background-color .2s ease-in;transition:background-color .2s ease-in}.medium-editor-toolbar li button:hover{background-color:#fff;color:#fff;color:rgba(0,0,0,.8)}.medium-editor-toolbar li .medium-editor-button-first{border-top-left-radius:5px;border-bottom-left-radius:5px}.medium-editor-toolbar li .medium-editor-button-last{border-top-right-radius:5px;border-bottom-right-radius:5px}.medium-editor-toolbar li .medium-editor-button-active{background-color:#ccc;color:#000;color:rgba(0,0,0,.8);background:-webkit-linear-gradient(bottom,#fff,rgba(0,0,0,.1));background:linear-gradient(to top,#fff,rgba(0,0,0,.1))}.medium-editor-toolbar-form{background:#fff;color:#999;border-radius:5px}.medium-editor-toolbar-form .medium-editor-toolbar-input{margin:0;height:50px;background:#fff;color:#a8a8a8}.medium-editor-toolbar-form a{color:#889aac}.medium-editor-toolbar-anchor-preview{background:#fff;color:#889aac;border-radius:5px}.medium-editor-placeholder:after{color:#a8a8a8}
@@ -0,0 +1,67 @@
1
+ .medium-toolbar-arrow-under:after {
2
+ border-color: #2f1e07 transparent transparent transparent;
3
+ top: 60px; }
4
+
5
+ .medium-toolbar-arrow-over:before {
6
+ border-color: transparent transparent #2f1e07 transparent; }
7
+
8
+ .medium-editor-toolbar {
9
+ background-color: #2f1e07;
10
+ border: 1px solid #5b3a0e;
11
+ border-radius: 6px; }
12
+ .medium-editor-toolbar li button {
13
+ background-color: transparent;
14
+ border: none;
15
+ border-right: 1px solid #5b3a0e;
16
+ box-sizing: border-box;
17
+ color: #ffedd5;
18
+ height: 60px;
19
+ min-width: 60px;
20
+ -webkit-transition: background-color .2s ease-in, color .2s ease-in;
21
+ transition: background-color .2s ease-in, color .2s ease-in; }
22
+ .medium-editor-toolbar li button:hover {
23
+ background-color: #030200;
24
+ color: #ffedd5; }
25
+ .medium-editor-toolbar li .medium-editor-button-first {
26
+ border-bottom-left-radius: 6px;
27
+ border-top-left-radius: 6px; }
28
+ .medium-editor-toolbar li .medium-editor-button-last {
29
+ border-bottom-right-radius: 6px;
30
+ border-right: none;
31
+ border-top-right-radius: 6px; }
32
+ .medium-editor-toolbar li .medium-editor-button-active {
33
+ background-color: #030200;
34
+ color: #ffedd5; }
35
+
36
+ .medium-editor-toolbar-form {
37
+ background: #2f1e07;
38
+ border-radius: 6px;
39
+ color: #ffedd5; }
40
+ .medium-editor-toolbar-form .medium-editor-toolbar-input {
41
+ background: #2f1e07;
42
+ color: #ffedd5;
43
+ height: 60px; }
44
+ .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
45
+ color: #ffedd5;
46
+ color: rgba(255, 237, 213, 0.8); }
47
+ .medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder {
48
+ /* Firefox 18- */
49
+ color: #ffedd5;
50
+ color: rgba(255, 237, 213, 0.8); }
51
+ .medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder {
52
+ /* Firefox 19+ */
53
+ color: #ffedd5;
54
+ color: rgba(255, 237, 213, 0.8); }
55
+ .medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder {
56
+ color: #ffedd5;
57
+ color: rgba(255, 237, 213, 0.8); }
58
+ .medium-editor-toolbar-form a {
59
+ color: #ffedd5; }
60
+
61
+ .medium-editor-toolbar-anchor-preview {
62
+ background: #2f1e07;
63
+ border-radius: 6px;
64
+ color: #ffedd5; }
65
+
66
+ .medium-editor-placeholder:after {
67
+ color: #5b3a0e; }
@@ -0,0 +1 @@
1
+ .medium-toolbar-arrow-under:after{border-color:#2f1e07 transparent transparent;top:60px}.medium-toolbar-arrow-over:before{border-color:transparent transparent #2f1e07}.medium-editor-toolbar{background-color:#2f1e07;border:1px solid #5b3a0e;border-radius:6px}.medium-editor-toolbar li button{background-color:transparent;border:none;border-right:1px solid #5b3a0e;box-sizing:border-box;color:#ffedd5;height:60px;min-width:60px;-webkit-transition:background-color .2s ease-in,color .2s ease-in;transition:background-color .2s ease-in,color .2s ease-in}.medium-editor-toolbar li .medium-editor-button-active,.medium-editor-toolbar li button:hover{background-color:#030200;color:#ffedd5}.medium-editor-toolbar li .medium-editor-button-first{border-bottom-left-radius:6px;border-top-left-radius:6px}.medium-editor-toolbar li .medium-editor-button-last{border-bottom-right-radius:6px;border-right:none;border-top-right-radius:6px}.medium-editor-toolbar-form{background:#2f1e07;border-radius:6px;color:#ffedd5}.medium-editor-toolbar-form .medium-editor-toolbar-input{background:#2f1e07;color:#ffedd5;height:60px}.medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder{color:#ffedd5;color:rgba(255,237,213,.8)}.medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder{color:#ffedd5;color:rgba(255,237,213,.8)}.medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder{color:#ffedd5;color:rgba(255,237,213,.8)}.medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder{color:#ffedd5;color:rgba(255,237,213,.8)}.medium-editor-toolbar-form a{color:#ffedd5}.medium-editor-toolbar-anchor-preview{background:#2f1e07;border-radius:6px;color:#ffedd5}.medium-editor-placeholder:after{color:#5b3a0e}
@@ -0,0 +1,9 @@
1
+ require 'active_admin'
2
+
3
+ module ActiveAdmin
4
+ module MediumEditor
5
+ class Engine < ::Rails::Engine
6
+ engine_name 'activeadmin_medium_editor'
7
+ end
8
+ end
9
+ end
@@ -0,0 +1,5 @@
1
+ module ActiveAdmin
2
+ module MediumEditor
3
+ VERSION = '0.1.0'
4
+ end
5
+ end
@@ -0,0 +1 @@
1
+ require 'activeadmin/medium_editor/engine'
@@ -0,0 +1,3 @@
1
+ require 'activeadmin/medium_editor'
2
+
3
+ require 'formtastic/inputs/medium_editor_input'
@@ -0,0 +1,9 @@
1
+ module Formtastic
2
+ module Inputs
3
+ class MediumEditorInput < Formtastic::Inputs::TextInput
4
+ def input_html_options
5
+ super.merge( class: 'medium-editor' )
6
+ end
7
+ end
8
+ end
9
+ end
metadata ADDED
@@ -0,0 +1,88 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: activeadmin_medium_editor
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.1.0
5
+ platform: ruby
6
+ authors:
7
+ - Mattia Roccoberton
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2017-08-14 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: activeadmin
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - "~>"
18
+ - !ruby/object:Gem::Version
19
+ version: '1.0'
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '1.0'
27
+ description: An Active Admin plugin to use Medium Editor
28
+ email: mat@blocknot.es
29
+ executables: []
30
+ extensions: []
31
+ extra_rdoc_files: []
32
+ files:
33
+ - ".gitignore"
34
+ - Gemfile
35
+ - LICENSE.txt
36
+ - README.md
37
+ - Rakefile
38
+ - activeadmin_medium_editor.gemspec
39
+ - app/assets/javascripts/activeadmin/medium_editor/medium_editor.js
40
+ - app/assets/javascripts/activeadmin/medium_editor/medium_editor.min.js
41
+ - app/assets/javascripts/activeadmin/medium_editor_input.js
42
+ - app/assets/stylesheets/activeadmin/_medium_editor_input.sass
43
+ - app/assets/stylesheets/activeadmin/medium_editor/medium_editor.css
44
+ - app/assets/stylesheets/activeadmin/medium_editor/medium_editor.min.css
45
+ - app/assets/stylesheets/activeadmin/medium_editor/themes/beagle.css
46
+ - app/assets/stylesheets/activeadmin/medium_editor/themes/beagle.min.css
47
+ - app/assets/stylesheets/activeadmin/medium_editor/themes/bootstrap.css
48
+ - app/assets/stylesheets/activeadmin/medium_editor/themes/bootstrap.min.css
49
+ - app/assets/stylesheets/activeadmin/medium_editor/themes/default.css
50
+ - app/assets/stylesheets/activeadmin/medium_editor/themes/default.min.css
51
+ - app/assets/stylesheets/activeadmin/medium_editor/themes/flat.css
52
+ - app/assets/stylesheets/activeadmin/medium_editor/themes/flat.min.css
53
+ - app/assets/stylesheets/activeadmin/medium_editor/themes/mani.css
54
+ - app/assets/stylesheets/activeadmin/medium_editor/themes/mani.min.css
55
+ - app/assets/stylesheets/activeadmin/medium_editor/themes/roman.css
56
+ - app/assets/stylesheets/activeadmin/medium_editor/themes/roman.min.css
57
+ - app/assets/stylesheets/activeadmin/medium_editor/themes/tim.css
58
+ - app/assets/stylesheets/activeadmin/medium_editor/themes/tim.min.css
59
+ - lib/activeadmin/medium_editor.rb
60
+ - lib/activeadmin/medium_editor/engine.rb
61
+ - lib/activeadmin/medium_editor/version.rb
62
+ - lib/activeadmin_medium_editor.rb
63
+ - lib/formtastic/inputs/medium_editor_input.rb
64
+ homepage: https://github.com/blocknotes/activeadmin_medium_editor
65
+ licenses:
66
+ - MIT
67
+ metadata: {}
68
+ post_install_message:
69
+ rdoc_options: []
70
+ require_paths:
71
+ - lib
72
+ required_ruby_version: !ruby/object:Gem::Requirement
73
+ requirements:
74
+ - - ">="
75
+ - !ruby/object:Gem::Version
76
+ version: '0'
77
+ required_rubygems_version: !ruby/object:Gem::Requirement
78
+ requirements:
79
+ - - ">="
80
+ - !ruby/object:Gem::Version
81
+ version: '0'
82
+ requirements: []
83
+ rubyforge_project:
84
+ rubygems_version: 2.5.2
85
+ signing_key:
86
+ specification_version: 4
87
+ summary: medium-editor for ActiveAdmin
88
+ test_files: []