activeadmin_ckeditor5 0.1.3 → 0.1.5

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.
@@ -3,31 +3,31 @@ body.active_admin .ck-editor {
3
3
  width: calc(80% - 22px);
4
4
  .ck-content {
5
5
  min-height: 400px;
6
- .todo-list {
7
- list-style-type: none;
8
- & > * {
9
- all: revert-layer;
10
- & > * {
11
- all: revert-layer;
12
- }
13
- }
14
- }
15
- ul, ol {
6
+ }
7
+ }
8
+
9
+ .ck-content {
10
+ .todo-list {
11
+ list-style-type: none;
12
+ & > * {
16
13
  all: revert-layer;
17
- padding-left: 2em;
18
- li {
14
+ & > * {
19
15
  all: revert-layer;
20
16
  }
21
17
  }
22
18
  }
23
19
  }
24
20
 
21
+ .ck-content .todo-list .todo-list__label > input {
22
+ left: unset !important;
23
+ margin-right: 10px !important;
24
+ }
25
+
25
26
  /**
26
27
  * @license Copyright (c) 2014-2023, CKSource Holding sp. z o.o. All rights reserved.
27
28
  * This file is licensed under the terms of the MIT License (see LICENSE.md).
28
29
  */
29
30
 
30
-
31
31
  /* --------- EDITOR STYLES ---------------------------------------------------------------------------------------- */
32
32
 
33
33
  .editor__editable,
@@ -38,10 +38,230 @@ main .ck-editor[role='application'] .ck.ck-content,
38
38
  .ck.ck-editor__editable[role='textbox'],
39
39
  /* Inline & Balloon build. */
40
40
  .ck.editor[role='textbox'] {
41
- width: 100%;
42
- background: #fff;
43
- font-size: 1em;
44
- line-height: 1.6em;
45
- min-height: var(--ck-sample-editor-min-height);
46
- padding: 1.5em 2em;
41
+ width: 100%;
42
+ background: #fff;
43
+ font-size: 1em;
44
+ line-height: 1.6em;
45
+ min-height: var(--ck-sample-editor-min-height);
46
+ padding: 1.5em 2em;
47
+ }
48
+
49
+ /*
50
+ * CKEditor 5 (v36.0.0) content styles.
51
+ * Generated on Thu, 26 Jan 2023 09:01:04 GMT.
52
+ * For more information, check out https://ckeditor.com/docs/ckeditor5/latest/installation/advanced/content-styles.html
53
+ */
54
+
55
+ :root {
56
+ --ck-color-image-caption-background: hsl(0, 0%, 97%);
57
+ --ck-color-image-caption-text: hsl(0, 0%, 20%);
58
+ --ck-color-table-caption-background: hsl(0, 0%, 97%);
59
+ --ck-color-table-caption-text: hsl(0, 0%, 20%);
60
+ --ck-image-style-spacing: 1.5em;
61
+ --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
62
+ }
63
+
64
+ /* ckeditor5-font/theme/fontsize.css */
65
+ .ck-content .text-tiny {
66
+ font-size: 0.7em;
67
+ }
68
+ /* ckeditor5-font/theme/fontsize.css */
69
+ .ck-content .text-small {
70
+ font-size: 0.85em;
71
+ }
72
+ /* ckeditor5-font/theme/fontsize.css */
73
+ .ck-content .text-big {
74
+ font-size: 1.4em;
75
+ }
76
+ /* ckeditor5-font/theme/fontsize.css */
77
+ .ck-content .text-huge {
78
+ font-size: 1.8em;
79
+ }
80
+ /* ckeditor5-image/theme/image.css */
81
+ .ck-content .image {
82
+ display: table;
83
+ clear: both;
84
+ text-align: center;
85
+ margin: 0.9em auto;
86
+ min-width: 50px;
87
+ }
88
+ /* ckeditor5-image/theme/image.css */
89
+ .ck-content .image img {
90
+ display: block;
91
+ margin: 0 auto;
92
+ max-width: 100%;
93
+ min-width: 100%;
94
+ }
95
+ /* ckeditor5-image/theme/image.css */
96
+ .ck-content .image-inline {
97
+ /*
98
+ * Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing).;
99
+ * Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root.
100
+ * This strange behavior does not happen with inline-flex.
101
+ */
102
+ display: inline-flex;
103
+ max-width: 100%;
104
+ align-items: flex-start;
105
+ }
106
+ /* ckeditor5-image/theme/image.css */
107
+ .ck-content .image-inline picture {
108
+ display: flex;
109
+ }
110
+ /* ckeditor5-image/theme/image.css */
111
+ .ck-content .image-inline picture,
112
+ .ck-content .image-inline img {
113
+ flex-grow: 1;
114
+ flex-shrink: 1;
115
+ max-width: 100%;
116
+ }
117
+ /* ckeditor5-image/theme/imagecaption.css */
118
+ .ck-content .image > figcaption {
119
+ display: table-caption;
120
+ caption-side: bottom;
121
+ word-break: break-word;
122
+ color: var(--ck-color-image-caption-text);
123
+ background-color: var(--ck-color-image-caption-background);
124
+ padding: 0.6em;
125
+ font-size: 0.75em;
126
+ outline-offset: -1px;
127
+ }
128
+ /* ckeditor5-image/theme/imageresize.css */
129
+ .ck-content .image.image_resized {
130
+ max-width: 100%;
131
+ display: block;
132
+ box-sizing: border-box;
133
+ }
134
+ /* ckeditor5-image/theme/imageresize.css */
135
+ .ck-content .image.image_resized img {
136
+ width: 100%;
137
+ }
138
+ /* ckeditor5-image/theme/imageresize.css */
139
+ .ck-content .image.image_resized > figcaption {
140
+ display: block;
141
+ }
142
+ /* ckeditor5-image/theme/imagestyle.css */
143
+ .ck-content .image-style-block-align-left,
144
+ .ck-content .image-style-block-align-right {
145
+ max-width: calc(100% - var(--ck-image-style-spacing));
146
+ }
147
+ /* ckeditor5-image/theme/imagestyle.css */
148
+ .ck-content .image-style-align-left,
149
+ .ck-content .image-style-align-right {
150
+ clear: none;
151
+ }
152
+ /* ckeditor5-image/theme/imagestyle.css */
153
+ .ck-content .image-style-side {
154
+ float: right;
155
+ margin-left: var(--ck-image-style-spacing);
156
+ max-width: 50%;
157
+ }
158
+ /* ckeditor5-image/theme/imagestyle.css */
159
+ .ck-content .image-style-align-left {
160
+ float: left;
161
+ margin-right: var(--ck-image-style-spacing);
162
+ }
163
+ /* ckeditor5-image/theme/imagestyle.css */
164
+ .ck-content .image-style-align-center {
165
+ margin-left: auto;
166
+ margin-right: auto;
167
+ }
168
+ /* ckeditor5-image/theme/imagestyle.css */
169
+ .ck-content .image-style-align-right {
170
+ float: right;
171
+ margin-left: var(--ck-image-style-spacing);
172
+ }
173
+ /* ckeditor5-image/theme/imagestyle.css */
174
+ .ck-content .image-style-block-align-right {
175
+ margin-right: 0;
176
+ margin-left: auto;
177
+ }
178
+ /* ckeditor5-image/theme/imagestyle.css */
179
+ .ck-content .image-style-block-align-left {
180
+ margin-left: 0;
181
+ margin-right: auto;
182
+ }
183
+ /* ckeditor5-image/theme/imagestyle.css */
184
+ .ck-content p + .image-style-align-left,
185
+ .ck-content p + .image-style-align-right,
186
+ .ck-content p + .image-style-side {
187
+ margin-top: 0;
188
+ }
189
+ /* ckeditor5-image/theme/imagestyle.css */
190
+ .ck-content .image-inline.image-style-align-left,
191
+ .ck-content .image-inline.image-style-align-right {
192
+ margin-top: var(--ck-inline-image-style-spacing);
193
+ margin-bottom: var(--ck-inline-image-style-spacing);
194
+ }
195
+ /* ckeditor5-image/theme/imagestyle.css */
196
+ .ck-content .image-inline.image-style-align-left {
197
+ margin-right: var(--ck-inline-image-style-spacing);
198
+ }
199
+ /* ckeditor5-image/theme/imagestyle.css */
200
+ .ck-content .image-inline.image-style-align-right {
201
+ margin-left: var(--ck-inline-image-style-spacing);
202
+ }
203
+ /* ckeditor5-media-embed/theme/mediaembed.css */
204
+ .ck-content .media {
205
+ clear: both;
206
+ margin: 0.9em 0;
207
+ display: block;
208
+ min-width: 15em;
209
+ }
210
+ /* ckeditor5-table/theme/tablecaption.css */
211
+ .ck-content .table > figcaption {
212
+ display: table-caption;
213
+ caption-side: top;
214
+ word-break: break-word;
215
+ text-align: center;
216
+ color: var(--ck-color-table-caption-text);
217
+ background-color: var(--ck-color-table-caption-background);
218
+ padding: 0.6em;
219
+ font-size: 0.75em;
220
+ outline-offset: -1px;
221
+ }
222
+ /* ckeditor5-table/theme/table.css */
223
+ .ck-content .table {
224
+ margin: 0.9em auto;
225
+ display: table;
226
+ }
227
+ /* ckeditor5-table/theme/table.css */
228
+ .ck-content .table table {
229
+ border-collapse: collapse;
230
+ border-spacing: 0;
231
+ width: 100%;
232
+ height: 100%;
233
+ border: 1px double hsl(0, 0%, 70%);
234
+ }
235
+ /* ckeditor5-table/theme/table.css */
236
+ .ck-content .table table td,
237
+ .ck-content .table table th {
238
+ min-width: 2em;
239
+ padding: 0.4em;
240
+ border: 1px solid hsl(0, 0%, 75%);
241
+ }
242
+ /* ckeditor5-table/theme/table.css */
243
+ .ck-content .table table th {
244
+ font-weight: bold;
245
+ background: hsla(0, 0%, 0%, 5%);
246
+ }
247
+ /* ckeditor5-table/theme/table.css */
248
+ .ck-content[dir="rtl"] .table th {
249
+ text-align: right;
250
+ }
251
+ /* ckeditor5-table/theme/table.css */
252
+ .ck-content[dir="ltr"] .table th {
253
+ text-align: left;
254
+ }
255
+ /* ckeditor5-table/theme/tablecolumnresize.css */
256
+ .ck-content .table .ck-table-resized {
257
+ table-layout: fixed;
258
+ }
259
+ /* ckeditor5-table/theme/tablecolumnresize.css */
260
+ .ck-content .table table {
261
+ overflow: hidden;
262
+ }
263
+ /* ckeditor5-table/theme/tablecolumnresize.css */
264
+ .ck-content .table td,
265
+ .ck-content .table th {
266
+ position: relative;
47
267
  }
@@ -2,6 +2,6 @@
2
2
 
3
3
  module Activeadmin
4
4
  module Ckeditor
5
- VERSION = "0.1.3"
5
+ VERSION = "0.1.5"
6
6
  end
7
7
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: activeadmin_ckeditor5
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.3
4
+ version: 0.1.5
5
5
  platform: ruby
6
6
  authors:
7
7
  - MingXuanSu
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2023-01-13 00:00:00.000000000 Z
11
+ date: 2023-01-29 00:00:00.000000000 Z
12
12
  dependencies: []
13
13
  description: Rails activeadmin integrated CKEditor 5
14
14
  email: