vue_crud 0.1.9.6 → 0.1.9.7

Sign up to get free protection for your applications and to get access to all the features.
Files changed (59) hide show
  1. checksums.yaml +4 -4
  2. data/lib/generators/vue_crud/froala_generator.rb +12 -0
  3. data/lib/generators/vue_crud/sortable.rb +10 -0
  4. data/lib/generators/vue_crud/templates/assets/images/froala_editor/color_picker.png +0 -0
  5. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/froala_editor.js +11089 -0
  6. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/languages/en_gb.js +178 -0
  7. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/languages/zh_cn.js +234 -0
  8. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/languages/zh_tw.js +234 -0
  9. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/align.js +119 -0
  10. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/char_counter.js +150 -0
  11. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/code_beautifier.js +3271 -0
  12. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/code_view.js +311 -0
  13. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/colors.js +350 -0
  14. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/draggable.js +379 -0
  15. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/emoticons.js +347 -0
  16. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/entities.js +113 -0
  17. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/file.js +609 -0
  18. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/font_family.js +178 -0
  19. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/font_size.js +116 -0
  20. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/forms.js +415 -0
  21. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/fullscreen.js +209 -0
  22. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/image.js +2401 -0
  23. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/image_manager.js +921 -0
  24. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/inline_style.js +86 -0
  25. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/line_breaker.js +435 -0
  26. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/link.js +997 -0
  27. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/lists.js +382 -0
  28. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/paragraph_format.js +293 -0
  29. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/paragraph_style.js +139 -0
  30. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/quick_insert.js +342 -0
  31. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/quote.js +138 -0
  32. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/save.js +176 -0
  33. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/table.js +3123 -0
  34. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/url.js +113 -0
  35. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/video.js +1135 -0
  36. data/lib/generators/vue_crud/templates/assets/javascripts/sortable.js +1249 -0
  37. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/froala_editor.scss +1008 -0
  38. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/froala_style.scss +273 -0
  39. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/char_counter.scss +46 -0
  40. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/code_view.scss +102 -0
  41. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/colors.scss +129 -0
  42. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/draggable.scss +32 -0
  43. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/emoticons.scss +27 -0
  44. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/file.scss +135 -0
  45. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/fullscreen.scss +28 -0
  46. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/image.scss +233 -0
  47. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/image_manager.scss +370 -0
  48. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/line_breaker.scss +26 -0
  49. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/quick_insert.scss +56 -0
  50. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/table.scss +156 -0
  51. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/video.scss +136 -0
  52. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/themes/dark.scss +1087 -0
  53. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/themes/gray.scss +1087 -0
  54. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/themes/red.scss +1087 -0
  55. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/themes/royal.scss +1087 -0
  56. data/lib/generators/vue_crud/templates/vue_crud.html +54 -71
  57. data/lib/vue_crud/version.rb +1 -1
  58. data/vendor/assets/javascripts/vue_crud.js +212 -59
  59. metadata +56 -2
@@ -0,0 +1,273 @@
1
+ /*!
2
+ * froala_editor v2.3.3 (https://www.froala.com/wysiwyg-editor)
3
+ * License https://froala.com/wysiwyg-editor/terms/
4
+ * Copyright 2014-2016 Froala Labs
5
+ */
6
+
7
+ .clearfix::after {
8
+ clear: both;
9
+ display: block;
10
+ content: "";
11
+ }
12
+ .fr-view strong {
13
+ font-weight: 700;
14
+ }
15
+ .fr-view table {
16
+ border: none;
17
+ border-collapse: collapse;
18
+ empty-cells: show;
19
+ max-width: 100%;
20
+ }
21
+ .fr-view table.fr-dashed-borders td,
22
+ .fr-view table.fr-dashed-borders th {
23
+ border-style: dashed;
24
+ }
25
+ .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
26
+ background: #f5f5f5;
27
+ }
28
+ .fr-view table td,
29
+ .fr-view table th {
30
+ border: 1px solid #dddddd;
31
+ }
32
+ .fr-view table td:empty,
33
+ .fr-view table th:empty {
34
+ height: 20px;
35
+ }
36
+ .fr-view table td.fr-highlighted,
37
+ .fr-view table th.fr-highlighted {
38
+ border: 1px double red;
39
+ }
40
+ .fr-view table td.fr-thick,
41
+ .fr-view table th.fr-thick {
42
+ border-width: 2px;
43
+ }
44
+ .fr-view table th {
45
+ background: #e6e6e6;
46
+ }
47
+ .fr-view hr {
48
+ clear: both;
49
+ user-select: none;
50
+ -o-user-select: none;
51
+ -moz-user-select: none;
52
+ -khtml-user-select: none;
53
+ -webkit-user-select: none;
54
+ -ms-user-select: none;
55
+ page-break-after: always;
56
+ }
57
+ .fr-view .fr-file {
58
+ position: relative;
59
+ }
60
+ .fr-view .fr-file::after {
61
+ position: relative;
62
+ content: "\1F4CE";
63
+ font-weight: normal;
64
+ }
65
+ .fr-view pre {
66
+ white-space: pre-wrap;
67
+ word-wrap: break-word;
68
+ }
69
+ .fr-view blockquote {
70
+ border-left: solid 2px #5e35b1;
71
+ margin-left: 0;
72
+ padding-left: 5px;
73
+ color: #5e35b1;
74
+ }
75
+ .fr-view blockquote blockquote {
76
+ border-color: #00bcd4;
77
+ color: #00bcd4;
78
+ }
79
+ .fr-view blockquote blockquote blockquote {
80
+ border-color: #43a047;
81
+ color: #43a047;
82
+ }
83
+ .fr-view span.fr-emoticon {
84
+ font-weight: normal;
85
+ font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
86
+ display: inline;
87
+ line-height: 0;
88
+ }
89
+ .fr-view span.fr-emoticon.fr-emoticon-img {
90
+ background-repeat: no-repeat !important;
91
+ font-size: inherit;
92
+ height: 1em;
93
+ width: 1em;
94
+ min-height: 20px;
95
+ min-width: 20px;
96
+ display: inline-block;
97
+ margin: -0.1em 0.1em 0.1em;
98
+ line-height: 1;
99
+ vertical-align: middle;
100
+ }
101
+ .fr-view .fr-text-gray {
102
+ color: #AAA !important;
103
+ }
104
+ .fr-view .fr-text-bordered {
105
+ border-top: solid 1px #222;
106
+ border-bottom: solid 1px #222;
107
+ padding: 10px 0;
108
+ }
109
+ .fr-view .fr-text-spaced {
110
+ letter-spacing: 1px;
111
+ }
112
+ .fr-view .fr-text-uppercase {
113
+ text-transform: uppercase;
114
+ }
115
+ .fr-view img {
116
+ position: relative;
117
+ max-width: 100%;
118
+ }
119
+ .fr-view img.fr-dib {
120
+ margin: 5px auto;
121
+ display: block;
122
+ float: none;
123
+ vertical-align: top;
124
+ }
125
+ .fr-view img.fr-dib.fr-fil {
126
+ margin-left: 0;
127
+ }
128
+ .fr-view img.fr-dib.fr-fir {
129
+ margin-right: 0;
130
+ }
131
+ .fr-view img.fr-dii {
132
+ display: inline-block;
133
+ float: none;
134
+ vertical-align: bottom;
135
+ margin-left: 5px;
136
+ margin-right: 5px;
137
+ max-width: calc(100% - (2 * 5px));
138
+ }
139
+ .fr-view img.fr-dii.fr-fil {
140
+ float: left;
141
+ margin: 5px 5px 5px 0;
142
+ max-width: calc(100% - 5px);
143
+ }
144
+ .fr-view img.fr-dii.fr-fir {
145
+ float: right;
146
+ margin: 5px 0 5px 5px;
147
+ max-width: calc(100% - 5px);
148
+ }
149
+ .fr-view img.fr-rounded {
150
+ border-radius: 100%;
151
+ -moz-border-radius: 100%;
152
+ -webkit-border-radius: 100%;
153
+ -moz-background-clip: padding;
154
+ -webkit-background-clip: padding-box;
155
+ background-clip: padding-box;
156
+ }
157
+ .fr-view img.fr-bordered {
158
+ border: solid 10px #CCC;
159
+ -webkit-box-sizing: content-box;
160
+ -moz-box-sizing: content-box;
161
+ box-sizing: content-box;
162
+ }
163
+ .fr-view .fr-video {
164
+ text-align: center;
165
+ position: relative;
166
+ }
167
+ .fr-view .fr-video > * {
168
+ -webkit-box-sizing: content-box;
169
+ -moz-box-sizing: content-box;
170
+ box-sizing: content-box;
171
+ max-width: 100%;
172
+ border: none;
173
+ }
174
+ .fr-view .fr-video.fr-dvb {
175
+ display: block;
176
+ clear: both;
177
+ }
178
+ .fr-view .fr-video.fr-dvb.fr-fvl {
179
+ text-align: left;
180
+ }
181
+ .fr-view .fr-video.fr-dvb.fr-fvr {
182
+ text-align: right;
183
+ }
184
+ .fr-view .fr-video.fr-dvi {
185
+ display: inline-block;
186
+ }
187
+ .fr-view .fr-video.fr-dvi.fr-fvl {
188
+ float: left;
189
+ }
190
+ .fr-view .fr-video.fr-dvi.fr-fvr {
191
+ float: right;
192
+ }
193
+ .fr-view a.fr-strong {
194
+ font-weight: 700;
195
+ }
196
+ .fr-view a.fr-green {
197
+ color: green;
198
+ }
199
+ .fr-view button.fr-rounded,
200
+ .fr-view input.fr-rounded,
201
+ .fr-view textarea.fr-rounded {
202
+ border-radius: 10px;
203
+ -moz-border-radius: 10px;
204
+ -webkit-border-radius: 10px;
205
+ -moz-background-clip: padding;
206
+ -webkit-background-clip: padding-box;
207
+ background-clip: padding-box;
208
+ }
209
+ .fr-view button.fr-large,
210
+ .fr-view input.fr-large,
211
+ .fr-view textarea.fr-large {
212
+ font-size: 24px;
213
+ }
214
+ /**
215
+ * Image style.
216
+ */
217
+ a.fr-view.fr-strong {
218
+ font-weight: 700;
219
+ }
220
+ a.fr-view.fr-green {
221
+ color: green;
222
+ }
223
+ /**
224
+ * Link style.
225
+ */
226
+ img.fr-view {
227
+ position: relative;
228
+ max-width: 100%;
229
+ }
230
+ img.fr-view.fr-dib {
231
+ margin: 5px auto;
232
+ display: block;
233
+ float: none;
234
+ vertical-align: top;
235
+ }
236
+ img.fr-view.fr-dib.fr-fil {
237
+ margin-left: 0;
238
+ }
239
+ img.fr-view.fr-dib.fr-fir {
240
+ margin-right: 0;
241
+ }
242
+ img.fr-view.fr-dii {
243
+ display: inline-block;
244
+ float: none;
245
+ vertical-align: bottom;
246
+ margin-left: 5px;
247
+ margin-right: 5px;
248
+ max-width: calc(100% - (2 * 5px));
249
+ }
250
+ img.fr-view.fr-dii.fr-fil {
251
+ float: left;
252
+ margin: 5px 5px 5px 0;
253
+ max-width: calc(100% - 5px);
254
+ }
255
+ img.fr-view.fr-dii.fr-fir {
256
+ float: right;
257
+ margin: 5px 0 5px 5px;
258
+ max-width: calc(100% - 5px);
259
+ }
260
+ img.fr-view.fr-rounded {
261
+ border-radius: 100%;
262
+ -moz-border-radius: 100%;
263
+ -webkit-border-radius: 100%;
264
+ -moz-background-clip: padding;
265
+ -webkit-background-clip: padding-box;
266
+ background-clip: padding-box;
267
+ }
268
+ img.fr-view.fr-bordered {
269
+ border: solid 10px #CCC;
270
+ -webkit-box-sizing: content-box;
271
+ -moz-box-sizing: content-box;
272
+ box-sizing: content-box;
273
+ }
@@ -0,0 +1,46 @@
1
+ /*!
2
+ * froala_editor v2.3.3 (https://www.froala.com/wysiwyg-editor)
3
+ * License https://froala.com/wysiwyg-editor/terms/
4
+ * Copyright 2014-2016 Froala Labs
5
+ */
6
+
7
+ .clearfix::after {
8
+ clear: both;
9
+ display: block;
10
+ content: "";
11
+ }
12
+ .fr-box .fr-counter {
13
+ position: absolute;
14
+ bottom: 0px;
15
+ padding: 5px;
16
+ right: 0px;
17
+ color: #cccccc;
18
+ content: attr(data-chars);
19
+ font-size: 15px;
20
+ font-family: "Times New Roman", Georgia, Serif;
21
+ z-index: 1;
22
+ background: #ffffff;
23
+ border-top: solid 1px #ebebeb;
24
+ border-left: solid 1px #ebebeb;
25
+ border-radius: 2px 0 0 0;
26
+ -moz-border-radius: 2px 0 0 0;
27
+ -webkit-border-radius: 2px 0 0 0;
28
+ -moz-background-clip: padding;
29
+ -webkit-background-clip: padding-box;
30
+ background-clip: padding-box;
31
+ }
32
+ .fr-box.fr-rtl .fr-counter {
33
+ left: 0px;
34
+ right: auto;
35
+ border-left: none;
36
+ border-right: solid 1px #ebebeb;
37
+ border-radius: 0 2px 0 0;
38
+ -moz-border-radius: 0 2px 0 0;
39
+ -webkit-border-radius: 0 2px 0 0;
40
+ -moz-background-clip: padding;
41
+ -webkit-background-clip: padding-box;
42
+ background-clip: padding-box;
43
+ }
44
+ .fr-box.fr-code-view .fr-counter {
45
+ display: none;
46
+ }
@@ -0,0 +1,102 @@
1
+ /*!
2
+ * froala_editor v2.3.3 (https://www.froala.com/wysiwyg-editor)
3
+ * License https://froala.com/wysiwyg-editor/terms/
4
+ * Copyright 2014-2016 Froala Labs
5
+ */
6
+
7
+ .clearfix::after {
8
+ clear: both;
9
+ display: block;
10
+ content: "";
11
+ }
12
+ textarea.fr-code {
13
+ display: none;
14
+ width: 100%;
15
+ resize: none;
16
+ -moz-resize: none;
17
+ -webkit-resize: none;
18
+ -webkit-box-sizing: border-box;
19
+ -moz-box-sizing: border-box;
20
+ box-sizing: border-box;
21
+ border: none;
22
+ padding: 10px;
23
+ margin: 0px;
24
+ font-family: "Courier New", monospace;
25
+ font-size: 14px;
26
+ background: #ffffff;
27
+ color: #000000;
28
+ outline: none;
29
+ }
30
+ .fr-box.fr-rtl textarea.fr-code {
31
+ direction: rtl;
32
+ }
33
+ .fr-box .CodeMirror {
34
+ display: none;
35
+ }
36
+ .fr-box.fr-code-view textarea.fr-code {
37
+ display: block;
38
+ min-height: 150px;
39
+ }
40
+ .fr-box.fr-code-view.fr-inline {
41
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
42
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
43
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
44
+ }
45
+ .fr-box.fr-code-view .fr-element,
46
+ .fr-box.fr-code-view .fr-placeholder,
47
+ .fr-box.fr-code-view .fr-iframe {
48
+ display: none;
49
+ }
50
+ .fr-box.fr-code-view .CodeMirror {
51
+ display: block;
52
+ }
53
+ .fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
54
+ display: block;
55
+ }
56
+ .fr-box.fr-inline .fr-command.fr-btn.html-switch {
57
+ position: absolute;
58
+ top: 0;
59
+ right: 0;
60
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
61
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
62
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
63
+ display: none;
64
+ background: #ffffff;
65
+ color: #222222;
66
+ -moz-outline: 0;
67
+ outline: 0;
68
+ border: 0;
69
+ line-height: 1;
70
+ cursor: pointer;
71
+ text-align: left;
72
+ padding: 11px 11.5px;
73
+ -webkit-transition: background 0.2s ease 0s;
74
+ -moz-transition: background 0.2s ease 0s;
75
+ -ms-transition: background 0.2s ease 0s;
76
+ -o-transition: background 0.2s ease 0s;
77
+ border-radius: 0;
78
+ -moz-border-radius: 0;
79
+ -webkit-border-radius: 0;
80
+ -moz-background-clip: padding;
81
+ -webkit-background-clip: padding-box;
82
+ background-clip: padding-box;
83
+ z-index: 2;
84
+ -webkit-box-sizing: border-box;
85
+ -moz-box-sizing: border-box;
86
+ box-sizing: border-box;
87
+ text-decoration: none;
88
+ user-select: none;
89
+ -o-user-select: none;
90
+ -moz-user-select: none;
91
+ -khtml-user-select: none;
92
+ -webkit-user-select: none;
93
+ -ms-user-select: none;
94
+ }
95
+ .fr-box.fr-inline .fr-command.fr-btn.html-switch i {
96
+ font-size: 15px;
97
+ width: 15px;
98
+ text-align: center;
99
+ }
100
+ .fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
101
+ background: #ebebeb;
102
+ }
@@ -0,0 +1,129 @@
1
+ /*!
2
+ * froala_editor v2.3.3 (https://www.froala.com/wysiwyg-editor)
3
+ * License https://froala.com/wysiwyg-editor/terms/
4
+ * Copyright 2014-2016 Froala Labs
5
+ */
6
+
7
+ .clearfix::after {
8
+ clear: both;
9
+ display: block;
10
+ content: "";
11
+ }
12
+ .fr-popup .fr-colors-tabs {
13
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
14
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
15
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
16
+ margin-bottom: 5px;
17
+ line-height: 16px;
18
+ margin-left: -2px;
19
+ margin-right: -2px;
20
+ }
21
+ .fr-popup .fr-colors-tabs .fr-colors-tab {
22
+ display: inline-block;
23
+ width: 50%;
24
+ cursor: pointer;
25
+ text-align: center;
26
+ color: #222222;
27
+ font-size: 13px;
28
+ padding: 8px 0;
29
+ position: relative;
30
+ }
31
+ .fr-popup .fr-colors-tabs .fr-colors-tab:hover {
32
+ color: #1e88e5;
33
+ }
34
+ .fr-popup .fr-colors-tabs .fr-colors-tab[data-param1="background"]::after {
35
+ position: absolute;
36
+ bottom: 0;
37
+ left: 0;
38
+ width: 100%;
39
+ height: 2px;
40
+ background: #1e88e5;
41
+ content: '';
42
+ -webkit-transition: transform 0.2s ease 0s;
43
+ -moz-transition: transform 0.2s ease 0s;
44
+ -ms-transition: transform 0.2s ease 0s;
45
+ -o-transition: transform 0.2s ease 0s;
46
+ }
47
+ .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab {
48
+ color: #1e88e5;
49
+ }
50
+ .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after {
51
+ -webkit-transform: translate3d(-100%, 0, 0);
52
+ -moz-transform: translate3d(-100%, 0, 0);
53
+ -ms-transform: translate3d(-100%, 0, 0);
54
+ -o-transform: translate3d(-100%, 0, 0);
55
+ }
56
+ .fr-popup .fr-separator + .fr-colors-tabs {
57
+ -webkit-box-shadow: none;
58
+ -moz-box-shadow: none;
59
+ box-shadow: none;
60
+ margin-left: 2px;
61
+ margin-right: 2px;
62
+ }
63
+ .fr-popup .fr-color-set {
64
+ line-height: 0;
65
+ display: none;
66
+ }
67
+ .fr-popup .fr-color-set.fr-selected-set {
68
+ display: block;
69
+ }
70
+ .fr-popup .fr-color-set > span {
71
+ display: inline-block;
72
+ width: 32px;
73
+ height: 32px;
74
+ position: relative;
75
+ z-index: 1;
76
+ }
77
+ .fr-popup .fr-color-set > span > i {
78
+ text-align: center;
79
+ line-height: 32px;
80
+ height: 32px;
81
+ width: 32px;
82
+ font-size: 13px;
83
+ position: absolute;
84
+ bottom: 0;
85
+ cursor: default;
86
+ left: 0;
87
+ }
88
+ .fr-popup .fr-color-set > span.fr-selected-color::after {
89
+ color: #ffffff;
90
+ content: "\f00c";
91
+ font-family: FontAwesome;
92
+ font-size: 13px;
93
+ font-weight: 400;
94
+ line-height: 32px;
95
+ position: absolute;
96
+ top: 0;
97
+ bottom: 0;
98
+ right: 0;
99
+ left: 0;
100
+ text-align: center;
101
+ cursor: default;
102
+ }
103
+ .fr-popup .fr-color-set > span:hover,
104
+ .fr-popup .fr-color-set > span.fr-selected-color {
105
+ outline: 1px solid #222222;
106
+ z-index: 2;
107
+ }
108
+ .fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after {
109
+ -webkit-transform: translate3d(100%, 0, 0);
110
+ -moz-transform: translate3d(100%, 0, 0);
111
+ -ms-transform: translate3d(100%, 0, 0);
112
+ -o-transform: translate3d(100%, 0, 0);
113
+ }
114
+ /*Customize*/
115
+ .fr-color-picker-btn {
116
+ overflow: hidden;
117
+ }
118
+ .fr-color-picker-btn img {
119
+ width: 100%;
120
+ }​
121
+ .fr-color-picker {
122
+ width: 0;
123
+ height: 0;
124
+ margin: 0;
125
+ padding: 0;
126
+ background: transparent;
127
+ border: none;
128
+ position: absolute;
129
+ }
@@ -0,0 +1,32 @@
1
+ /*!
2
+ * froala_editor v2.3.3 (https://www.froala.com/wysiwyg-editor)
3
+ * License https://froala.com/wysiwyg-editor/terms/
4
+ * Copyright 2014-2016 Froala Labs
5
+ */
6
+
7
+ .clearfix::after {
8
+ clear: both;
9
+ display: block;
10
+ content: "";
11
+ }
12
+ .fr-drag-helper {
13
+ background: #1e88e5;
14
+ height: 2px;
15
+ margin-top: -1px;
16
+ -webkit-opacity: 0.2;
17
+ -moz-opacity: 0.2;
18
+ opacity: 0.2;
19
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
20
+ position: absolute;
21
+ z-index: 9999;
22
+ display: none;
23
+ }
24
+ .fr-drag-helper.fr-visible {
25
+ display: block;
26
+ }
27
+ .fr-dragging {
28
+ -webkit-opacity: 0.4;
29
+ -moz-opacity: 0.4;
30
+ opacity: 0.4;
31
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
32
+ }
@@ -0,0 +1,27 @@
1
+ /*!
2
+ * froala_editor v2.3.3 (https://www.froala.com/wysiwyg-editor)
3
+ * License https://froala.com/wysiwyg-editor/terms/
4
+ * Copyright 2014-2016 Froala Labs
5
+ */
6
+
7
+ .clearfix::after {
8
+ clear: both;
9
+ display: block;
10
+ content: "";
11
+ }
12
+ .fr-popup .fr-emoticon {
13
+ display: inline-block;
14
+ font-size: 20px;
15
+ width: 20px;
16
+ padding: 5px;
17
+ line-height: 1;
18
+ cursor: default;
19
+ font-weight: normal;
20
+ font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
21
+ -webkit-box-sizing: content-box;
22
+ -moz-box-sizing: content-box;
23
+ box-sizing: content-box;
24
+ }
25
+ .fr-popup .fr-emoticon img {
26
+ height: 20px;
27
+ }