@ckeditor/ckeditor5-ai 41.3.0-alpha.3 → 41.3.0
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.
- package/build/ai.js +6 -6
- package/build/translations/es-co.js +1 -1
- package/lang/translations/es-co.po +53 -53
- package/package.json +4 -5
- package/src/adapters/aiadapter.js +1 -1
- package/src/adapters/aitextadapter.js +1 -1
- package/src/adapters/awstextadapter.d.ts +1 -0
- package/src/adapters/awstextadapter.js +1 -1
- package/src/adapters/openaitextadapter.d.ts +3 -1
- package/src/adapters/openaitextadapter.js +1 -1
- package/src/aiassistant.js +1 -1
- package/src/aiassistantediting.js +1 -1
- package/src/aiassistantui.js +1 -1
- package/src/index.js +1 -1
- package/src/ui/aiassistantcontroller.js +1 -1
- package/src/ui/dropdown/aicommandslistview.js +1 -1
- package/src/ui/dropdown/buttonlabelwithhighlightview.js +1 -1
- package/src/ui/dropdown/labelwithhighlightview.js +1 -1
- package/src/ui/form/aiformcontentarea.js +1 -1
- package/src/ui/form/aiformerrorview.js +1 -1
- package/src/ui/form/aiformpromptview.js +1 -1
- package/src/ui/form/aiformtoolbarview.js +1 -1
- package/src/ui/form/aiformview.js +1 -1
- package/src/ui/form/aihistorylistitemview.js +1 -1
- package/src/ui/form/aihistorylistview.js +1 -1
- package/src/ui/form/prompthistory.js +1 -1
- package/src/ui/showaiassistantcommand.js +1 -1
- package/src/utils/common-translations.js +1 -1
- package/dist/content-index.css +0 -332
- package/dist/editor-index.css +0 -573
- package/dist/index.css +0 -1344
- package/dist/translations/af.d.ts +0 -8
- package/dist/translations/af.js +0 -23
- package/dist/translations/ar.d.ts +0 -8
- package/dist/translations/ar.js +0 -23
- package/dist/translations/bg.d.ts +0 -8
- package/dist/translations/bg.js +0 -23
- package/dist/translations/bn.d.ts +0 -8
- package/dist/translations/bn.js +0 -23
- package/dist/translations/bs.d.ts +0 -8
- package/dist/translations/bs.js +0 -23
- package/dist/translations/ca.d.ts +0 -8
- package/dist/translations/ca.js +0 -23
- package/dist/translations/cs.d.ts +0 -8
- package/dist/translations/cs.js +0 -23
- package/dist/translations/da.d.ts +0 -8
- package/dist/translations/da.js +0 -23
- package/dist/translations/de-ch.d.ts +0 -8
- package/dist/translations/de-ch.js +0 -23
- package/dist/translations/de.d.ts +0 -8
- package/dist/translations/de.js +0 -23
- package/dist/translations/el.d.ts +0 -8
- package/dist/translations/el.js +0 -23
- package/dist/translations/en-au.d.ts +0 -8
- package/dist/translations/en-au.js +0 -23
- package/dist/translations/en.d.ts +0 -8
- package/dist/translations/en.js +0 -23
- package/dist/translations/es-co.d.ts +0 -8
- package/dist/translations/es-co.js +0 -23
- package/dist/translations/es.d.ts +0 -8
- package/dist/translations/es.js +0 -23
- package/dist/translations/et.d.ts +0 -8
- package/dist/translations/et.js +0 -23
- package/dist/translations/fa.d.ts +0 -8
- package/dist/translations/fa.js +0 -23
- package/dist/translations/fi.d.ts +0 -8
- package/dist/translations/fi.js +0 -23
- package/dist/translations/fr.d.ts +0 -8
- package/dist/translations/fr.js +0 -23
- package/dist/translations/gl.d.ts +0 -8
- package/dist/translations/gl.js +0 -23
- package/dist/translations/he.d.ts +0 -8
- package/dist/translations/he.js +0 -23
- package/dist/translations/hi.d.ts +0 -8
- package/dist/translations/hi.js +0 -23
- package/dist/translations/hr.d.ts +0 -8
- package/dist/translations/hr.js +0 -23
- package/dist/translations/hu.d.ts +0 -8
- package/dist/translations/hu.js +0 -23
- package/dist/translations/id.d.ts +0 -8
- package/dist/translations/id.js +0 -23
- package/dist/translations/it.d.ts +0 -8
- package/dist/translations/it.js +0 -23
- package/dist/translations/ja.d.ts +0 -8
- package/dist/translations/ja.js +0 -23
- package/dist/translations/jv.d.ts +0 -8
- package/dist/translations/jv.js +0 -23
- package/dist/translations/ko.d.ts +0 -8
- package/dist/translations/ko.js +0 -23
- package/dist/translations/lt.d.ts +0 -8
- package/dist/translations/lt.js +0 -23
- package/dist/translations/lv.d.ts +0 -8
- package/dist/translations/lv.js +0 -23
- package/dist/translations/ms.d.ts +0 -8
- package/dist/translations/ms.js +0 -23
- package/dist/translations/nl.d.ts +0 -8
- package/dist/translations/nl.js +0 -23
- package/dist/translations/no.d.ts +0 -8
- package/dist/translations/no.js +0 -23
- package/dist/translations/pl.d.ts +0 -8
- package/dist/translations/pl.js +0 -23
- package/dist/translations/pt-br.d.ts +0 -8
- package/dist/translations/pt-br.js +0 -23
- package/dist/translations/pt.d.ts +0 -8
- package/dist/translations/pt.js +0 -23
- package/dist/translations/ro.d.ts +0 -8
- package/dist/translations/ro.js +0 -23
- package/dist/translations/ru.d.ts +0 -8
- package/dist/translations/ru.js +0 -23
- package/dist/translations/sk.d.ts +0 -8
- package/dist/translations/sk.js +0 -23
- package/dist/translations/sr-latn.d.ts +0 -8
- package/dist/translations/sr-latn.js +0 -23
- package/dist/translations/sr.d.ts +0 -8
- package/dist/translations/sr.js +0 -23
- package/dist/translations/sv.d.ts +0 -8
- package/dist/translations/sv.js +0 -23
- package/dist/translations/th.d.ts +0 -8
- package/dist/translations/th.js +0 -23
- package/dist/translations/tk.d.ts +0 -8
- package/dist/translations/tk.js +0 -23
- package/dist/translations/tr.d.ts +0 -8
- package/dist/translations/tr.js +0 -23
- package/dist/translations/ug.d.ts +0 -8
- package/dist/translations/ug.js +0 -23
- package/dist/translations/uk.d.ts +0 -8
- package/dist/translations/uk.js +0 -23
- package/dist/translations/ur.d.ts +0 -8
- package/dist/translations/ur.js +0 -23
- package/dist/translations/uz.d.ts +0 -8
- package/dist/translations/uz.js +0 -23
- package/dist/translations/vi.d.ts +0 -8
- package/dist/translations/vi.js +0 -23
- package/dist/translations/zh-cn.d.ts +0 -8
- package/dist/translations/zh-cn.js +0 -23
- package/dist/translations/zh.d.ts +0 -8
- package/dist/translations/zh.js +0 -23
- package/dist/types/adapters/aiadapter.d.ts +0 -52
- package/dist/types/adapters/aitextadapter.d.ts +0 -150
- package/dist/types/adapters/awstextadapter.d.ts +0 -182
- package/dist/types/adapters/openaitextadapter.d.ts +0 -185
- package/dist/types/aiassistant.d.ts +0 -390
- package/dist/types/aiassistantediting.d.ts +0 -50
- package/dist/types/aiassistantui.d.ts +0 -57
- package/dist/types/aiconfig.d.ts +0 -73
- package/dist/types/augmentation.d.ts +0 -31
- package/dist/types/index.d.ts +0 -17
- package/dist/types/ui/aiassistantcontroller.d.ts +0 -113
- package/dist/types/ui/dropdown/aicommandslistview.d.ts +0 -37
- package/dist/types/ui/dropdown/buttonlabelwithhighlightview.d.ts +0 -33
- package/dist/types/ui/dropdown/labelwithhighlightview.d.ts +0 -29
- package/dist/types/ui/form/aiformcontentarea.d.ts +0 -52
- package/dist/types/ui/form/aiformerrorview.d.ts +0 -30
- package/dist/types/ui/form/aiformpromptview.d.ts +0 -50
- package/dist/types/ui/form/aiformtoolbarview.d.ts +0 -62
- package/dist/types/ui/form/aiformview.d.ts +0 -145
- package/dist/types/ui/form/aihistorylistitemview.d.ts +0 -22
- package/dist/types/ui/form/aihistorylistview.d.ts +0 -39
- package/dist/types/ui/form/prompthistory.d.ts +0 -24
- package/dist/types/ui/showaiassistantcommand.d.ts +0 -44
- package/dist/types/utils/common-translations.d.ts +0 -13
package/dist/index.css
DELETED
|
@@ -1,1344 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
/*
|
|
6
|
-
* What you're currently looking at is the source code of a legally protected, proprietary software.
|
|
7
|
-
* CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
|
|
8
|
-
* all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
|
|
9
|
-
*
|
|
10
|
-
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
11
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
12
|
-
*/
|
|
13
|
-
|
|
14
|
-
/*
|
|
15
|
-
* What you're currently looking at is the source code of a legally protected, proprietary software.
|
|
16
|
-
* CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
|
|
17
|
-
* all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
|
|
18
|
-
*
|
|
19
|
-
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
20
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
21
|
-
*/
|
|
22
|
-
|
|
23
|
-
:root {
|
|
24
|
-
--ck-user-colors--0: hsla(235, 73%, 67%, 1);
|
|
25
|
-
--ck-user-colors--0-alpha: hsla(235, 73%, 67%, 0.15);
|
|
26
|
-
|
|
27
|
-
--ck-user-colors--1: hsla(173, 100%, 24%, 1);
|
|
28
|
-
--ck-user-colors--1-alpha: hsla(173, 100%, 24%, 0.15);
|
|
29
|
-
|
|
30
|
-
--ck-user-colors--2: hsla(0, 46%, 50%, 1);
|
|
31
|
-
--ck-user-colors--2-alpha: hsla(0, 46%, 50%, 0.15);
|
|
32
|
-
|
|
33
|
-
--ck-user-colors--3: hsla(256, 54%, 45%, 1);
|
|
34
|
-
--ck-user-colors--3-alpha: hsla(256, 54%, 45%, 0.15);
|
|
35
|
-
|
|
36
|
-
--ck-user-colors--4: hsla(95, 50%, 36%, 1);
|
|
37
|
-
--ck-user-colors--4-alpha: hsla(95, 50%, 36%, 0.15);
|
|
38
|
-
|
|
39
|
-
--ck-user-colors--5: hsla(336, 78%, 43%, 1);
|
|
40
|
-
--ck-user-colors--5-alpha: hsla(336, 78%, 43%, 0.15);
|
|
41
|
-
|
|
42
|
-
--ck-user-colors--6: hsla(0, 80%, 59%, 1);
|
|
43
|
-
--ck-user-colors--6-alpha: hsla(0, 80%, 59%, 0.15);
|
|
44
|
-
|
|
45
|
-
--ck-user-colors--7: hsla(184, 90%, 43%, 1);
|
|
46
|
-
--ck-user-colors--7-alpha: hsla(184, 90%, 43%, 0.15);
|
|
47
|
-
|
|
48
|
-
--ck-user-dot-size: 6px;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
/* We are using mixins here because of lack of PostCSS loop plugin. */
|
|
52
|
-
|
|
53
|
-
.ck .ck-user__color--0 {
|
|
54
|
-
color: var(--ck-user-colors--0);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.ck .ck-user__bg-color--0 {
|
|
58
|
-
background-color: var(--ck-user-colors--0);
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.ck .ck-user__selection--0 {
|
|
62
|
-
background-color: var(--ck-user-colors--0-alpha);
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.ck .ck-user__selection--0.ck-widget {
|
|
66
|
-
background-color: transparent;
|
|
67
|
-
border: 3px solid var(--ck-user-colors--0);
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
.ck .ck-user__marker--0,
|
|
71
|
-
.ck .ck-user__marker--0:after,
|
|
72
|
-
.ck .ck-user__marker--0 .ck-user__marker-dot {
|
|
73
|
-
background-color: var(--ck-user-colors--0);
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.ck .ck-user__marker--0 .ck-user__marker-line {
|
|
77
|
-
border: 1px solid var(--ck-user-colors--0);
|
|
78
|
-
}
|
|
79
|
-
.ck .ck-user__color--1 {
|
|
80
|
-
color: var(--ck-user-colors--1);
|
|
81
|
-
}
|
|
82
|
-
.ck .ck-user__bg-color--1 {
|
|
83
|
-
background-color: var(--ck-user-colors--1);
|
|
84
|
-
}
|
|
85
|
-
.ck .ck-user__selection--1 {
|
|
86
|
-
background-color: var(--ck-user-colors--1-alpha);
|
|
87
|
-
}
|
|
88
|
-
.ck .ck-user__selection--1.ck-widget {
|
|
89
|
-
background-color: transparent;
|
|
90
|
-
border: 3px solid var(--ck-user-colors--1);
|
|
91
|
-
}
|
|
92
|
-
.ck .ck-user__marker--1,
|
|
93
|
-
.ck .ck-user__marker--1:after,
|
|
94
|
-
.ck .ck-user__marker--1 .ck-user__marker-dot {
|
|
95
|
-
background-color: var(--ck-user-colors--1);
|
|
96
|
-
}
|
|
97
|
-
.ck .ck-user__marker--1 .ck-user__marker-line {
|
|
98
|
-
border: 1px solid var(--ck-user-colors--1);
|
|
99
|
-
}
|
|
100
|
-
.ck .ck-user__color--2 {
|
|
101
|
-
color: var(--ck-user-colors--2);
|
|
102
|
-
}
|
|
103
|
-
.ck .ck-user__bg-color--2 {
|
|
104
|
-
background-color: var(--ck-user-colors--2);
|
|
105
|
-
}
|
|
106
|
-
.ck .ck-user__selection--2 {
|
|
107
|
-
background-color: var(--ck-user-colors--2-alpha);
|
|
108
|
-
}
|
|
109
|
-
.ck .ck-user__selection--2.ck-widget {
|
|
110
|
-
background-color: transparent;
|
|
111
|
-
border: 3px solid var(--ck-user-colors--2);
|
|
112
|
-
}
|
|
113
|
-
.ck .ck-user__marker--2,
|
|
114
|
-
.ck .ck-user__marker--2:after,
|
|
115
|
-
.ck .ck-user__marker--2 .ck-user__marker-dot {
|
|
116
|
-
background-color: var(--ck-user-colors--2);
|
|
117
|
-
}
|
|
118
|
-
.ck .ck-user__marker--2 .ck-user__marker-line {
|
|
119
|
-
border: 1px solid var(--ck-user-colors--2);
|
|
120
|
-
}
|
|
121
|
-
.ck .ck-user__color--3 {
|
|
122
|
-
color: var(--ck-user-colors--3);
|
|
123
|
-
}
|
|
124
|
-
.ck .ck-user__bg-color--3 {
|
|
125
|
-
background-color: var(--ck-user-colors--3);
|
|
126
|
-
}
|
|
127
|
-
.ck .ck-user__selection--3 {
|
|
128
|
-
background-color: var(--ck-user-colors--3-alpha);
|
|
129
|
-
}
|
|
130
|
-
.ck .ck-user__selection--3.ck-widget {
|
|
131
|
-
background-color: transparent;
|
|
132
|
-
border: 3px solid var(--ck-user-colors--3);
|
|
133
|
-
}
|
|
134
|
-
.ck .ck-user__marker--3,
|
|
135
|
-
.ck .ck-user__marker--3:after,
|
|
136
|
-
.ck .ck-user__marker--3 .ck-user__marker-dot {
|
|
137
|
-
background-color: var(--ck-user-colors--3);
|
|
138
|
-
}
|
|
139
|
-
.ck .ck-user__marker--3 .ck-user__marker-line {
|
|
140
|
-
border: 1px solid var(--ck-user-colors--3);
|
|
141
|
-
}
|
|
142
|
-
.ck .ck-user__color--4 {
|
|
143
|
-
color: var(--ck-user-colors--4);
|
|
144
|
-
}
|
|
145
|
-
.ck .ck-user__bg-color--4 {
|
|
146
|
-
background-color: var(--ck-user-colors--4);
|
|
147
|
-
}
|
|
148
|
-
.ck .ck-user__selection--4 {
|
|
149
|
-
background-color: var(--ck-user-colors--4-alpha);
|
|
150
|
-
}
|
|
151
|
-
.ck .ck-user__selection--4.ck-widget {
|
|
152
|
-
background-color: transparent;
|
|
153
|
-
border: 3px solid var(--ck-user-colors--4);
|
|
154
|
-
}
|
|
155
|
-
.ck .ck-user__marker--4,
|
|
156
|
-
.ck .ck-user__marker--4:after,
|
|
157
|
-
.ck .ck-user__marker--4 .ck-user__marker-dot {
|
|
158
|
-
background-color: var(--ck-user-colors--4);
|
|
159
|
-
}
|
|
160
|
-
.ck .ck-user__marker--4 .ck-user__marker-line {
|
|
161
|
-
border: 1px solid var(--ck-user-colors--4);
|
|
162
|
-
}
|
|
163
|
-
.ck .ck-user__color--5 {
|
|
164
|
-
color: var(--ck-user-colors--5);
|
|
165
|
-
}
|
|
166
|
-
.ck .ck-user__bg-color--5 {
|
|
167
|
-
background-color: var(--ck-user-colors--5);
|
|
168
|
-
}
|
|
169
|
-
.ck .ck-user__selection--5 {
|
|
170
|
-
background-color: var(--ck-user-colors--5-alpha);
|
|
171
|
-
}
|
|
172
|
-
.ck .ck-user__selection--5.ck-widget {
|
|
173
|
-
background-color: transparent;
|
|
174
|
-
border: 3px solid var(--ck-user-colors--5);
|
|
175
|
-
}
|
|
176
|
-
.ck .ck-user__marker--5,
|
|
177
|
-
.ck .ck-user__marker--5:after,
|
|
178
|
-
.ck .ck-user__marker--5 .ck-user__marker-dot {
|
|
179
|
-
background-color: var(--ck-user-colors--5);
|
|
180
|
-
}
|
|
181
|
-
.ck .ck-user__marker--5 .ck-user__marker-line {
|
|
182
|
-
border: 1px solid var(--ck-user-colors--5);
|
|
183
|
-
}
|
|
184
|
-
.ck .ck-user__color--6 {
|
|
185
|
-
color: var(--ck-user-colors--6);
|
|
186
|
-
}
|
|
187
|
-
.ck .ck-user__bg-color--6 {
|
|
188
|
-
background-color: var(--ck-user-colors--6);
|
|
189
|
-
}
|
|
190
|
-
.ck .ck-user__selection--6 {
|
|
191
|
-
background-color: var(--ck-user-colors--6-alpha);
|
|
192
|
-
}
|
|
193
|
-
.ck .ck-user__selection--6.ck-widget {
|
|
194
|
-
background-color: transparent;
|
|
195
|
-
border: 3px solid var(--ck-user-colors--6);
|
|
196
|
-
}
|
|
197
|
-
.ck .ck-user__marker--6,
|
|
198
|
-
.ck .ck-user__marker--6:after,
|
|
199
|
-
.ck .ck-user__marker--6 .ck-user__marker-dot {
|
|
200
|
-
background-color: var(--ck-user-colors--6);
|
|
201
|
-
}
|
|
202
|
-
.ck .ck-user__marker--6 .ck-user__marker-line {
|
|
203
|
-
border: 1px solid var(--ck-user-colors--6);
|
|
204
|
-
}
|
|
205
|
-
.ck .ck-user__color--7 {
|
|
206
|
-
color: var(--ck-user-colors--7);
|
|
207
|
-
}
|
|
208
|
-
.ck .ck-user__bg-color--7 {
|
|
209
|
-
background-color: var(--ck-user-colors--7);
|
|
210
|
-
}
|
|
211
|
-
.ck .ck-user__selection--7 {
|
|
212
|
-
background-color: var(--ck-user-colors--7-alpha);
|
|
213
|
-
}
|
|
214
|
-
.ck .ck-user__selection--7.ck-widget {
|
|
215
|
-
background-color: transparent;
|
|
216
|
-
border: 3px solid var(--ck-user-colors--7);
|
|
217
|
-
}
|
|
218
|
-
.ck .ck-user__marker--7,
|
|
219
|
-
.ck .ck-user__marker--7:after,
|
|
220
|
-
.ck .ck-user__marker--7 .ck-user__marker-dot {
|
|
221
|
-
background-color: var(--ck-user-colors--7);
|
|
222
|
-
}
|
|
223
|
-
.ck .ck-user__marker--7 .ck-user__marker-line {
|
|
224
|
-
border: 1px solid var(--ck-user-colors--7);
|
|
225
|
-
}
|
|
226
|
-
|
|
227
|
-
/*
|
|
228
|
-
* What you're currently looking at is the source code of a legally protected, proprietary software.
|
|
229
|
-
* CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
|
|
230
|
-
* all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
|
|
231
|
-
*
|
|
232
|
-
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
233
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
234
|
-
*/
|
|
235
|
-
|
|
236
|
-
/*
|
|
237
|
-
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
238
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
239
|
-
*/
|
|
240
|
-
|
|
241
|
-
/**
|
|
242
|
-
* Makes element unselectable.
|
|
243
|
-
*/
|
|
244
|
-
|
|
245
|
-
:root {
|
|
246
|
-
--ck-user-avatar-size: 40px;
|
|
247
|
-
--ck-user-avatar-background: hsl(210, 52%, 44%);
|
|
248
|
-
--ck-user-avatar-color: hsl(0, 0%, 100%);
|
|
249
|
-
--ck-user-me-border-color: hsl(0, 0%, 100%);
|
|
250
|
-
}
|
|
251
|
-
|
|
252
|
-
.ck.ck-user {
|
|
253
|
-
display: flex;
|
|
254
|
-
justify-content: center;
|
|
255
|
-
align-items: center;
|
|
256
|
-
position: relative;
|
|
257
|
-
border-radius: 50%;
|
|
258
|
-
background-color: var(--ck-user-avatar-background);
|
|
259
|
-
box-sizing: border-box;
|
|
260
|
-
height: var(--ck-user-avatar-size);
|
|
261
|
-
width: var(--ck-user-avatar-size);
|
|
262
|
-
min-width: var(--ck-user-avatar-size);
|
|
263
|
-
min-height: var(--ck-user-avatar-size);
|
|
264
|
-
line-height: 100%;
|
|
265
|
-
margin: 2px;
|
|
266
|
-
}
|
|
267
|
-
|
|
268
|
-
.ck.ck-user.ck-user_me {
|
|
269
|
-
border: 2px solid var(--ck-user-me-border-color);
|
|
270
|
-
outline: 2px solid var(--ck-user-avatar-background);
|
|
271
|
-
}
|
|
272
|
-
|
|
273
|
-
.ck.ck-user__name {
|
|
274
|
-
color: var(--ck-user-avatar-color);
|
|
275
|
-
cursor: default;
|
|
276
|
-
-moz-user-select: none;
|
|
277
|
-
-webkit-user-select: none;
|
|
278
|
-
-ms-user-select: none;
|
|
279
|
-
user-select: none;
|
|
280
|
-
}
|
|
281
|
-
|
|
282
|
-
.ck.ck-user__name.ck-user__name--hidden {
|
|
283
|
-
display: none;
|
|
284
|
-
}
|
|
285
|
-
|
|
286
|
-
.ck.ck-user__img {
|
|
287
|
-
display: none;
|
|
288
|
-
width: 100%;
|
|
289
|
-
height: 100%;
|
|
290
|
-
background-position: center center;
|
|
291
|
-
background-repeat: no-repeat;
|
|
292
|
-
background-size: cover;
|
|
293
|
-
background-color: var(--ck-user-avatar-background);
|
|
294
|
-
border-radius: 50%;
|
|
295
|
-
border: none;
|
|
296
|
-
}
|
|
297
|
-
|
|
298
|
-
.ck.ck-user__img.ck-user__anonymous {
|
|
299
|
-
display: block;
|
|
300
|
-
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M9.8%2020H2c0-5.7%205-5.7%206-7l.2-.8c-1.6-.8-2.7-2.7-2.7-5%200-2.8%202-5.2%204.3-5.2S14%204.4%2014%207.3c0%202.2-1%204-2.6%205l.2.6c1.2%201.3%206%201.4%206%207H9.8z%22%2F%3E%0A%3C%2Fsvg%3E);
|
|
301
|
-
|
|
302
|
-
/* Do not display initials when user is anonymous. */
|
|
303
|
-
}
|
|
304
|
-
|
|
305
|
-
.ck.ck-user__img.ck-user__anonymous + .ck-user__name {
|
|
306
|
-
display: none;
|
|
307
|
-
}
|
|
308
|
-
|
|
309
|
-
.ck.ck-user__img.ck-user__avatar {
|
|
310
|
-
display: block;
|
|
311
|
-
|
|
312
|
-
/* In case if avatar is transparent make background white. */
|
|
313
|
-
background-color: hsl(0, 0%, 100%);
|
|
314
|
-
}
|
|
315
|
-
|
|
316
|
-
.ck.ck-user__img.ck-user__img--hidden {
|
|
317
|
-
display: none;
|
|
318
|
-
}
|
|
319
|
-
|
|
320
|
-
.ck.ck-user__notification {
|
|
321
|
-
display: flex;
|
|
322
|
-
width: 15px;
|
|
323
|
-
height: 15px;
|
|
324
|
-
justify-content: center;
|
|
325
|
-
align-items: center;
|
|
326
|
-
background: var(--ck-color-base-background);
|
|
327
|
-
border: 2px solid var(--ck-color-base-background);
|
|
328
|
-
border-radius: 50%;
|
|
329
|
-
box-sizing: content-box;
|
|
330
|
-
|
|
331
|
-
position: absolute;
|
|
332
|
-
top: -8px;
|
|
333
|
-
right: -7px;
|
|
334
|
-
overflow: hidden;
|
|
335
|
-
transform: translateZ(0);
|
|
336
|
-
}
|
|
337
|
-
|
|
338
|
-
.ck.ck-user__notification .ck-user__icon {
|
|
339
|
-
color: var(--ck-color-annotation-info);
|
|
340
|
-
background: var(--ck-color-base-background);
|
|
341
|
-
width: 19px;
|
|
342
|
-
height: 19px;
|
|
343
|
-
max-width: 19px;
|
|
344
|
-
max-height: 19px;
|
|
345
|
-
min-width: 19px;
|
|
346
|
-
min-height: 19px;
|
|
347
|
-
}
|
|
348
|
-
|
|
349
|
-
/*
|
|
350
|
-
* What you're currently looking at is the source code of a legally protected, proprietary software.
|
|
351
|
-
* CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
|
|
352
|
-
* all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
|
|
353
|
-
*
|
|
354
|
-
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
355
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
356
|
-
*/
|
|
357
|
-
|
|
358
|
-
:root {
|
|
359
|
-
--ck-color-comment-box-border: hsl(55, 98%, 48%);
|
|
360
|
-
--ck-color-suggestion-box-deletion-border: hsl(345, 62%, 60%);
|
|
361
|
-
--ck-color-suggestion-box-insertion-border: hsl(128, 62%, 60%);
|
|
362
|
-
--ck-color-suggestion-box-format-border: hsl(191, 62%, 60%);
|
|
363
|
-
}
|
|
364
|
-
|
|
365
|
-
.ck .ck-suggestion {
|
|
366
|
-
border-top-left-radius: var(--ck-border-radius);
|
|
367
|
-
}
|
|
368
|
-
|
|
369
|
-
.ck .ck-annotation {
|
|
370
|
-
border-left: 3px solid transparent;
|
|
371
|
-
}
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
/* See: #3683.
|
|
375
|
-
* Inline Suggestion annotations that can't be commented on contains a scrollbar by default */
|
|
376
|
-
.ck .ck-suggestion--disabled-comments .ck-annotation {
|
|
377
|
-
min-height: 80px;
|
|
378
|
-
}
|
|
379
|
-
|
|
380
|
-
/* See: #2459.
|
|
381
|
-
With track-changes feature enabled, we need to distinguish various types of annotations (comments and suggestions). */
|
|
382
|
-
.ck .ck-comment,
|
|
383
|
-
.ck .ck-thread__comment-count,
|
|
384
|
-
.ck .ck-comment__input-container,
|
|
385
|
-
.ck .ck-thread__header {
|
|
386
|
-
border-left: 3px solid var(--ck-color-comment-box-border);
|
|
387
|
-
}
|
|
388
|
-
|
|
389
|
-
.ck .ck-suggestion-insertion .ck-suggestion {
|
|
390
|
-
border-left-color: var(--ck-color-suggestion-box-insertion-border);
|
|
391
|
-
}
|
|
392
|
-
|
|
393
|
-
.ck .ck-suggestion-deletion .ck-suggestion {
|
|
394
|
-
border-left-color: var(--ck-color-suggestion-box-deletion-border);
|
|
395
|
-
}
|
|
396
|
-
|
|
397
|
-
.ck .ck-suggestion-replace .ck-suggestion {
|
|
398
|
-
border-left-color: var(--ck-color-suggestion-box-insertion-border);
|
|
399
|
-
}
|
|
400
|
-
|
|
401
|
-
.ck .ck-suggestion-format .ck-suggestion {
|
|
402
|
-
border-left-color: var(--ck-color-suggestion-box-format-border);
|
|
403
|
-
}
|
|
404
|
-
|
|
405
|
-
.ck .ck-suggestion-wrapper {
|
|
406
|
-
outline: 0;
|
|
407
|
-
overflow: hidden;
|
|
408
|
-
}
|
|
409
|
-
|
|
410
|
-
.ck .ck-suggestion-type {
|
|
411
|
-
font-weight: bold;
|
|
412
|
-
}
|
|
413
|
-
|
|
414
|
-
.ck .ck-suggestion-color {
|
|
415
|
-
display: inline-block;
|
|
416
|
-
width: 14px;
|
|
417
|
-
height: 14px;
|
|
418
|
-
border-radius: 14px;
|
|
419
|
-
vertical-align: text-bottom;
|
|
420
|
-
margin: 0 5px;
|
|
421
|
-
box-shadow: 0 0 0 1px hsl(0, 0%, 27%);
|
|
422
|
-
}
|
|
423
|
-
|
|
424
|
-
/* Comments inside suggestion. */
|
|
425
|
-
|
|
426
|
-
/* Handle comments inside suggestion keep same border-color. */
|
|
427
|
-
.ck .ck-suggestion-insertion .ck-comment,
|
|
428
|
-
.ck .ck-suggestion-insertion .ck-thread__comment-count,
|
|
429
|
-
.ck .ck-suggestion-insertion .ck-comment__input-container,
|
|
430
|
-
.ck .ck-suggestion-replace .ck-comment,
|
|
431
|
-
.ck .ck-suggestion-replace .ck-thread__comment-count,
|
|
432
|
-
.ck .ck-suggestion-replace .ck-comment__input-container {
|
|
433
|
-
border-left-color: var(--ck-color-suggestion-box-insertion-border);
|
|
434
|
-
}
|
|
435
|
-
|
|
436
|
-
.ck .ck-suggestion-deletion .ck-comment,
|
|
437
|
-
.ck .ck-suggestion-deletion .ck-thread__comment-count,
|
|
438
|
-
.ck .ck-suggestion-deletion .ck-comment__input-container {
|
|
439
|
-
border-left-color: var(--ck-color-suggestion-box-deletion-border);
|
|
440
|
-
}
|
|
441
|
-
|
|
442
|
-
.ck .ck-suggestion-format .ck-comment,
|
|
443
|
-
.ck .ck-suggestion-format .ck-thread__comment-count,
|
|
444
|
-
.ck .ck-suggestion-format .ck-comment__input-container {
|
|
445
|
-
border-left-color: var(--ck-color-suggestion-box-format-border);
|
|
446
|
-
}
|
|
447
|
-
|
|
448
|
-
/*
|
|
449
|
-
* What you're currently looking at is the source code of a legally protected, proprietary software.
|
|
450
|
-
* CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
|
|
451
|
-
* all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
|
|
452
|
-
*
|
|
453
|
-
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
454
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
455
|
-
*/
|
|
456
|
-
|
|
457
|
-
:root {
|
|
458
|
-
--ck-color-suggestion-marker-insertion-border: hsla(128, 71%, 40%, .35);
|
|
459
|
-
--ck-color-suggestion-marker-insertion-border-active: hsla(128, 71%, 25%, .5);
|
|
460
|
-
--ck-color-suggestion-marker-insertion-background: hsla(128, 71%, 65%, .35);
|
|
461
|
-
--ck-color-suggestion-marker-insertion-background-active: hsla(128, 71%, 50%, .5);
|
|
462
|
-
|
|
463
|
-
--ck-color-suggestion-marker-deletion-border: hsla(345, 71%, 40%, .35);
|
|
464
|
-
--ck-color-suggestion-marker-deletion-border-active: hsla(345, 71%, 25%, .5);
|
|
465
|
-
--ck-color-suggestion-marker-deletion-background: hsla(345, 71%, 65%, .35);
|
|
466
|
-
--ck-color-suggestion-marker-deletion-background-active: hsla(345, 71%, 50%, .5);
|
|
467
|
-
--ck-color-suggestion-marker-deletion-stroke: hsla(345, 71%, 20%, .5);
|
|
468
|
-
|
|
469
|
-
--ck-color-suggestion-marker-format-border: hsla(191, 60%, 75%, 1);
|
|
470
|
-
--ck-color-suggestion-marker-format-border-active: hsla(191, 60%, 60%, 1);
|
|
471
|
-
|
|
472
|
-
--ck-color-suggestion-widget-insertion-background: hsla(128, 71%, 65%, .05);
|
|
473
|
-
--ck-color-suggestion-widget-insertion-background-active: hsla(128, 71%, 50%, .07);
|
|
474
|
-
|
|
475
|
-
--ck-color-suggestion-widget-deletion-background: hsla(345, 71%, 65%, .05);
|
|
476
|
-
--ck-color-suggestion-widget-deletion-background-active: hsla(345, 71%, 45%, .07);
|
|
477
|
-
|
|
478
|
-
--ck-color-suggestion-widget-format-background: hsla(191, 90%, 40%, .09);
|
|
479
|
-
--ck-color-suggestion-widget-format-background-active: hsla(191, 90%, 40%, .16);
|
|
480
|
-
}
|
|
481
|
-
|
|
482
|
-
.ck-content .ck-suggestion-marker-insertion {
|
|
483
|
-
border-top: 3px solid var(--ck-color-suggestion-marker-insertion-border);
|
|
484
|
-
border-bottom: 3px solid var(--ck-color-suggestion-marker-insertion-border);
|
|
485
|
-
background: var(--ck-color-suggestion-marker-insertion-background);
|
|
486
|
-
}
|
|
487
|
-
|
|
488
|
-
.ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active {
|
|
489
|
-
border-color: var(--ck-color-suggestion-marker-insertion-border-active);
|
|
490
|
-
background: var(--ck-color-suggestion-marker-insertion-background-active);
|
|
491
|
-
}
|
|
492
|
-
|
|
493
|
-
/* Disable background of marker inside widget. */
|
|
494
|
-
|
|
495
|
-
.ck-content .ck-suggestion-marker-insertion.ck-widget {
|
|
496
|
-
background: none;
|
|
497
|
-
text-decoration: none;
|
|
498
|
-
border: 3px solid var(--ck-color-suggestion-marker-insertion-border);
|
|
499
|
-
}
|
|
500
|
-
|
|
501
|
-
.ck-content .ck-suggestion-marker-insertion.ck-widget.ck-suggestion-marker--active {
|
|
502
|
-
border-color: var(--ck-color-suggestion-marker-insertion-border-active);
|
|
503
|
-
}
|
|
504
|
-
|
|
505
|
-
.ck-content .ck-suggestion-marker-deletion {
|
|
506
|
-
border-top: 3px solid var(--ck-color-suggestion-marker-deletion-border);
|
|
507
|
-
border-bottom: 3px solid var(--ck-color-suggestion-marker-deletion-border);
|
|
508
|
-
|
|
509
|
-
/* #2810. Safari doesn't support combined text-decoration values. */
|
|
510
|
-
text-decoration: line-through;
|
|
511
|
-
text-decoration-color: var(--ck-color-suggestion-marker-deletion-stroke);
|
|
512
|
-
text-decoration-thickness: 3px;
|
|
513
|
-
|
|
514
|
-
background: var(--ck-color-suggestion-marker-deletion-background);
|
|
515
|
-
}
|
|
516
|
-
|
|
517
|
-
.ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active {
|
|
518
|
-
border-color: var(--ck-color-suggestion-marker-deletion-border-active);
|
|
519
|
-
background: var(--ck-color-suggestion-marker-deletion-background-active);
|
|
520
|
-
}
|
|
521
|
-
|
|
522
|
-
/* Disable background of marker inside widget. */
|
|
523
|
-
|
|
524
|
-
.ck-content .ck-suggestion-marker-deletion.ck-widget {
|
|
525
|
-
background: none;
|
|
526
|
-
text-decoration: none;
|
|
527
|
-
border: 3px solid var(--ck-color-suggestion-marker-deletion-border);
|
|
528
|
-
}
|
|
529
|
-
|
|
530
|
-
.ck-content .ck-suggestion-marker-deletion.ck-widget.ck-suggestion-marker--active {
|
|
531
|
-
border-color: var(--ck-color-suggestion-marker-deletion-border-active);
|
|
532
|
-
}
|
|
533
|
-
|
|
534
|
-
.ck-content .ck-suggestion-marker-merge::after {
|
|
535
|
-
border-top: 3px solid var(--ck-color-suggestion-marker-deletion-border);
|
|
536
|
-
border-bottom: 3px solid var(--ck-color-suggestion-marker-deletion-border);
|
|
537
|
-
|
|
538
|
-
/* #2810. Safari doesn't support combined text-decoration values. */
|
|
539
|
-
text-decoration: line-through;
|
|
540
|
-
text-decoration-color: var(--ck-color-suggestion-marker-deletion-stroke);
|
|
541
|
-
|
|
542
|
-
background: var(--ck-color-suggestion-marker-deletion-background);
|
|
543
|
-
color: var(--ck-color-suggestion-marker-deletion-stroke);
|
|
544
|
-
content: '¶';
|
|
545
|
-
}
|
|
546
|
-
|
|
547
|
-
.ck-content .ck-suggestion-marker-merge.ck-suggestion-marker--active::after {
|
|
548
|
-
border-color: var(--ck-color-suggestion-marker-deletion-border-active);
|
|
549
|
-
background: var(--ck-color-suggestion-marker-deletion-background-active);
|
|
550
|
-
}
|
|
551
|
-
|
|
552
|
-
.ck-content .ck-suggestion-marker-split::after {
|
|
553
|
-
border-top: 3px solid var(--ck-color-suggestion-marker-insertion-border);
|
|
554
|
-
border-bottom: 3px solid var(--ck-color-suggestion-marker-insertion-border);
|
|
555
|
-
background: var(--ck-color-suggestion-marker-insertion-background);
|
|
556
|
-
color: var(--ck-color-suggestion-marker-insertion-border);
|
|
557
|
-
content: '¶';
|
|
558
|
-
}
|
|
559
|
-
|
|
560
|
-
.ck-content .ck-suggestion-marker-split.ck-suggestion-marker--active::after {
|
|
561
|
-
border-color: var(--ck-color-suggestion-marker-insertion-border-active);
|
|
562
|
-
background: var(--ck-color-suggestion-marker-insertion-background-active);
|
|
563
|
-
}
|
|
564
|
-
|
|
565
|
-
.ck-content .ck-suggestion-marker-formatInline {
|
|
566
|
-
border-top: 3px solid var(--ck-color-suggestion-marker-format-border);
|
|
567
|
-
border-bottom: 3px solid var(--ck-color-suggestion-marker-format-border);
|
|
568
|
-
}
|
|
569
|
-
|
|
570
|
-
.ck-content .ck-suggestion-marker-formatInline.ck-suggestion-marker--active {
|
|
571
|
-
border-color: var(--ck-color-suggestion-marker-format-border-active);
|
|
572
|
-
}
|
|
573
|
-
|
|
574
|
-
.ck-content .ck-suggestion-marker-formatInline.ck-widget {
|
|
575
|
-
background: none;
|
|
576
|
-
border: 3px solid var(--ck-color-suggestion-marker-format-border);
|
|
577
|
-
}
|
|
578
|
-
|
|
579
|
-
.ck-content .ck-suggestion-marker-formatInline.ck-widget.ck-suggestion-marker--active {
|
|
580
|
-
border-color: var(--ck-color-suggestion-marker-format-border-active);
|
|
581
|
-
}
|
|
582
|
-
|
|
583
|
-
/* This is a tricky case.
|
|
584
|
-
* We can't use `border-left` because sticky marker to the element looks kinda ugly.
|
|
585
|
-
* We can't use `::before` pseudoelement because it requires `position: relative` of parent, which breaks side-image.
|
|
586
|
-
* We can't use `outline` because it's impossible to display only left side of outline.
|
|
587
|
-
* So... we need to use power of CSS hacks <3 and use doubled box-shadow.
|
|
588
|
-
*/
|
|
589
|
-
|
|
590
|
-
.ck-content .ck-suggestion-marker-formatBlock {
|
|
591
|
-
border: 0;
|
|
592
|
-
background: none;
|
|
593
|
-
box-shadow: -7px 0 0 0 var(--ck-color-base-background), -10px 0 0 0 var(--ck-color-suggestion-marker-format-border);
|
|
594
|
-
}
|
|
595
|
-
|
|
596
|
-
.ck-content .ck-suggestion-marker-formatBlock.ck-suggestion-marker--active {
|
|
597
|
-
box-shadow: -5px 0 0 0 var(--ck-color-base-background), -8px 0 0 0 var(--ck-color-suggestion-marker-format-border-active);
|
|
598
|
-
}
|
|
599
|
-
|
|
600
|
-
.ck-content ul .ck-suggestion-marker-formatBlock,
|
|
601
|
-
.ck-content ol .ck-suggestion-marker-formatBlock {
|
|
602
|
-
box-shadow: -2px 0 0 0 var(--ck-color-base-background), -5px 0 0 0 var(--ck-color-suggestion-marker-format-border);
|
|
603
|
-
}
|
|
604
|
-
|
|
605
|
-
.ck-content ul .ck-suggestion-marker-formatBlock.ck-suggestion-marker--active, .ck-content ol .ck-suggestion-marker-formatBlock.ck-suggestion-marker--active {
|
|
606
|
-
box-shadow: -2px 0 0 0 var(--ck-color-base-background), -5px 0 0 0 var(--ck-color-suggestion-marker-format-border-active);
|
|
607
|
-
}
|
|
608
|
-
|
|
609
|
-
/*
|
|
610
|
-
* What you're currently looking at is the source code of a legally protected, proprietary software.
|
|
611
|
-
* CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
|
|
612
|
-
* all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
|
|
613
|
-
*
|
|
614
|
-
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
615
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
616
|
-
*/
|
|
617
|
-
|
|
618
|
-
.ck-content .ck-widget.image > figcaption.ck-suggestion-marker-deletion {
|
|
619
|
-
background-color: var(--ck-color-suggestion-widget-deletion-background);
|
|
620
|
-
border: none;
|
|
621
|
-
}
|
|
622
|
-
|
|
623
|
-
.ck-content .ck-widget.image > figcaption.ck-suggestion-marker-deletion.ck-suggestion-marker--active {
|
|
624
|
-
background-color: var(--ck-color-suggestion-widget-deletion-background-active);
|
|
625
|
-
}
|
|
626
|
-
|
|
627
|
-
.ck-content .ck-widget.image > figcaption.ck-suggestion-marker-insertion {
|
|
628
|
-
background-color: var(--ck-color-suggestion-widget-insertion-background);
|
|
629
|
-
border: none;
|
|
630
|
-
}
|
|
631
|
-
|
|
632
|
-
.ck-content .ck-widget.image > figcaption.ck-suggestion-marker-insertion.ck-suggestion-marker--active {
|
|
633
|
-
background-color: var(--ck-color-suggestion-widget-insertion-background-active);
|
|
634
|
-
}
|
|
635
|
-
|
|
636
|
-
.ck-content .ck-suggestion-marker-deletion.ck-widget.image {
|
|
637
|
-
background-color: var(--ck-color-suggestion-widget-deletion-background);
|
|
638
|
-
}
|
|
639
|
-
|
|
640
|
-
.ck-content .ck-suggestion-marker-deletion.ck-widget.image img {
|
|
641
|
-
opacity: 0.6;
|
|
642
|
-
}
|
|
643
|
-
|
|
644
|
-
.ck-content .ck-suggestion-marker-deletion.ck-widget.image figcaption {
|
|
645
|
-
background-color: var(--ck-color-suggestion-widget-deletion-background);
|
|
646
|
-
}
|
|
647
|
-
|
|
648
|
-
.ck-content .ck-suggestion-marker-deletion.ck-widget.image.ck-suggestion-marker--active {
|
|
649
|
-
background-color: var(--ck-color-suggestion-widget-deletion-background-active);
|
|
650
|
-
}
|
|
651
|
-
|
|
652
|
-
.ck-content .ck-suggestion-marker-deletion.ck-widget.image.ck-suggestion-marker--active figcaption {
|
|
653
|
-
background-color: var(--ck-color-suggestion-widget-deletion-background-active);
|
|
654
|
-
}
|
|
655
|
-
|
|
656
|
-
.ck-content .ck-suggestion-marker-insertion.ck-widget.image {
|
|
657
|
-
background-color: var(--ck-color-suggestion-widget-insertion-background);
|
|
658
|
-
|
|
659
|
-
/* stylelint-disable no-descending-specificity */
|
|
660
|
-
}
|
|
661
|
-
|
|
662
|
-
.ck-content .ck-suggestion-marker-insertion.ck-widget.image figcaption {
|
|
663
|
-
background-color: var(--ck-color-suggestion-widget-insertion-background);
|
|
664
|
-
}
|
|
665
|
-
|
|
666
|
-
/* stylelint-enable no-descending-specificity */
|
|
667
|
-
|
|
668
|
-
.ck-content .ck-suggestion-marker-insertion.ck-widget.image.ck-suggestion-marker--active {
|
|
669
|
-
background-color: var(--ck-color-suggestion-widget-insertion-background-active);
|
|
670
|
-
}
|
|
671
|
-
|
|
672
|
-
.ck-content .ck-suggestion-marker-insertion.ck-widget.image.ck-suggestion-marker--active figcaption {
|
|
673
|
-
background-color: var(--ck-color-suggestion-widget-insertion-background-active);
|
|
674
|
-
}
|
|
675
|
-
|
|
676
|
-
/*
|
|
677
|
-
* What you're currently looking at is the source code of a legally protected, proprietary software.
|
|
678
|
-
* CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
|
|
679
|
-
* all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
|
|
680
|
-
*
|
|
681
|
-
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
682
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
683
|
-
*/
|
|
684
|
-
|
|
685
|
-
.ck-content .ck-suggestion-marker-deletion.ck-widget.ck-horizontal-line {
|
|
686
|
-
background-color: var(--ck-color-suggestion-widget-deletion-background);
|
|
687
|
-
}
|
|
688
|
-
|
|
689
|
-
.ck-content .ck-suggestion-marker-deletion.ck-widget.ck-horizontal-line.ck-suggestion-marker--active {
|
|
690
|
-
background-color: var(--ck-color-suggestion-widget-deletion-background-active);
|
|
691
|
-
}
|
|
692
|
-
|
|
693
|
-
.ck-content .ck-suggestion-marker-insertion.ck-widget.ck-horizontal-line {
|
|
694
|
-
background-color: var(--ck-color-suggestion-widget-insertion-background);
|
|
695
|
-
}
|
|
696
|
-
|
|
697
|
-
.ck-content .ck-suggestion-marker-insertion.ck-widget.ck-horizontal-line.ck-suggestion-marker--active {
|
|
698
|
-
background-color: var(--ck-color-suggestion-widget-insertion-background-active);
|
|
699
|
-
}
|
|
700
|
-
|
|
701
|
-
/*
|
|
702
|
-
* What you're currently looking at is the source code of a legally protected, proprietary software.
|
|
703
|
-
* CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
|
|
704
|
-
* all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
|
|
705
|
-
*
|
|
706
|
-
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
707
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
708
|
-
*/
|
|
709
|
-
|
|
710
|
-
.ck-content .ck-suggestion-marker-deletion.ck-widget.media {
|
|
711
|
-
background-color: var(--ck-color-suggestion-widget-deletion-background);
|
|
712
|
-
}
|
|
713
|
-
|
|
714
|
-
.ck-content .ck-suggestion-marker-deletion.ck-widget.media .ck-media__wrapper {
|
|
715
|
-
opacity: 0.6;
|
|
716
|
-
}
|
|
717
|
-
|
|
718
|
-
.ck-content .ck-suggestion-marker-deletion.ck-widget.media.ck-suggestion-marker--active {
|
|
719
|
-
background-color: var(--ck-color-suggestion-widget-deletion-background-active);
|
|
720
|
-
}
|
|
721
|
-
|
|
722
|
-
.ck-content .ck-suggestion-marker-insertion.ck-widget.media {
|
|
723
|
-
background-color: var(--ck-color-suggestion-widget-insertion-background);
|
|
724
|
-
}
|
|
725
|
-
|
|
726
|
-
.ck-content .ck-suggestion-marker-insertion.ck-widget.media.ck-suggestion-marker--active {
|
|
727
|
-
background-color: var(--ck-color-suggestion-widget-insertion-background-active);
|
|
728
|
-
}
|
|
729
|
-
|
|
730
|
-
/*
|
|
731
|
-
* What you're currently looking at is the source code of a legally protected, proprietary software.
|
|
732
|
-
* CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
|
|
733
|
-
* all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
|
|
734
|
-
*
|
|
735
|
-
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
736
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
737
|
-
*/
|
|
738
|
-
|
|
739
|
-
.ck-content .ck-suggestion-marker-deletion.ck-widget.page-break {
|
|
740
|
-
background-color: var(--ck-color-suggestion-widget-deletion-background);
|
|
741
|
-
}
|
|
742
|
-
|
|
743
|
-
.ck-content .ck-suggestion-marker-deletion.ck-widget.page-break.ck-suggestion-marker--active {
|
|
744
|
-
background-color: var(--ck-color-suggestion-widget-deletion-background-active);
|
|
745
|
-
}
|
|
746
|
-
|
|
747
|
-
.ck-content .ck-suggestion-marker-insertion.ck-widget.page-break {
|
|
748
|
-
background-color: var(--ck-color-suggestion-widget-insertion-background);
|
|
749
|
-
}
|
|
750
|
-
|
|
751
|
-
.ck-content .ck-suggestion-marker-insertion.ck-widget.page-break.ck-suggestion-marker--active {
|
|
752
|
-
background-color: var(--ck-color-suggestion-widget-insertion-background-active);
|
|
753
|
-
}
|
|
754
|
-
|
|
755
|
-
/*
|
|
756
|
-
* What you're currently looking at is the source code of a legally protected, proprietary software.
|
|
757
|
-
* CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
|
|
758
|
-
* all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
|
|
759
|
-
*
|
|
760
|
-
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
761
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
762
|
-
*/
|
|
763
|
-
|
|
764
|
-
:root {
|
|
765
|
-
--ck-color-suggestion-widget-th-insertion-background: hsla(128, 71%, 65%, .12);
|
|
766
|
-
--ck-color-suggestion-widget-th-insertion-background-active: hsla(128, 71%, 50%, .14);
|
|
767
|
-
|
|
768
|
-
--ck-color-suggestion-widget-th-deletion-background: hsla(345, 71%, 65%, .14);
|
|
769
|
-
--ck-color-suggestion-widget-th-deletion-background-active: hsla(345, 71%, 45%, .16);
|
|
770
|
-
}
|
|
771
|
-
|
|
772
|
-
.ck-content figure.table .ck-suggestion-marker-formatBlock {
|
|
773
|
-
box-shadow: -3px 0 0 0 var(--ck-color-suggestion-marker-format-border);
|
|
774
|
-
}
|
|
775
|
-
|
|
776
|
-
.ck-content figure.table .ck-suggestion-marker-formatBlock.ck-suggestion-marker--active {
|
|
777
|
-
box-shadow: -3px 0 0 0 var(--ck-color-suggestion-marker-format-border-active);
|
|
778
|
-
}
|
|
779
|
-
|
|
780
|
-
.ck-content .ck-widget.table > figcaption.ck-suggestion-marker-deletion {
|
|
781
|
-
background-color: var(--ck-color-suggestion-widget-deletion-background);
|
|
782
|
-
border: none;
|
|
783
|
-
}
|
|
784
|
-
|
|
785
|
-
.ck-content .ck-widget.table > figcaption.ck-suggestion-marker-deletion.ck-suggestion-marker--active {
|
|
786
|
-
background-color: var(--ck-color-suggestion-widget-deletion-background-active);
|
|
787
|
-
}
|
|
788
|
-
|
|
789
|
-
.ck-content .ck-widget.table > figcaption.ck-suggestion-marker-insertion {
|
|
790
|
-
background-color: var(--ck-color-suggestion-widget-insertion-background);
|
|
791
|
-
border: none;
|
|
792
|
-
}
|
|
793
|
-
|
|
794
|
-
.ck-content .ck-widget.table > figcaption.ck-suggestion-marker-insertion.ck-suggestion-marker--active {
|
|
795
|
-
background-color: var(--ck-color-suggestion-widget-insertion-background-active);
|
|
796
|
-
}
|
|
797
|
-
|
|
798
|
-
.ck-content .ck-suggestion-marker-insertion.table {
|
|
799
|
-
border-color: var(--ck-color-suggestion-marker-insertion-border);
|
|
800
|
-
}
|
|
801
|
-
|
|
802
|
-
.ck-content .ck-suggestion-marker-insertion.table > figcaption {
|
|
803
|
-
background-color: var(--ck-color-suggestion-widget-insertion-background);
|
|
804
|
-
}
|
|
805
|
-
|
|
806
|
-
.ck-content .ck-suggestion-marker-insertion.table > table > tbody > tr > th {
|
|
807
|
-
background-color: var(--ck-color-suggestion-widget-th-insertion-background);
|
|
808
|
-
border-color: var(--ck-color-suggestion-marker-insertion-border);
|
|
809
|
-
}
|
|
810
|
-
|
|
811
|
-
.ck-content .ck-suggestion-marker-insertion.table > table > thead > tr > th {
|
|
812
|
-
background-color: var(--ck-color-suggestion-widget-th-insertion-background);
|
|
813
|
-
border-color: var(--ck-color-suggestion-marker-insertion-border);
|
|
814
|
-
}
|
|
815
|
-
|
|
816
|
-
.ck-content .ck-suggestion-marker-insertion.table > table > tbody > tr > td {
|
|
817
|
-
background-color: var(--ck-color-suggestion-widget-insertion-background);
|
|
818
|
-
border-color: var(--ck-color-suggestion-marker-insertion-border);
|
|
819
|
-
}
|
|
820
|
-
|
|
821
|
-
.ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table {
|
|
822
|
-
border-color: var(--ck-color-suggestion-marker-insertion-border-active);
|
|
823
|
-
}
|
|
824
|
-
|
|
825
|
-
.ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table > figcaption {
|
|
826
|
-
background-color: var(--ck-color-suggestion-widget-insertion-background-active);
|
|
827
|
-
}
|
|
828
|
-
|
|
829
|
-
.ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table > table > tbody > tr > th {
|
|
830
|
-
background-color: var(--ck-color-suggestion-widget-th-insertion-background-active);
|
|
831
|
-
border-color: var(--ck-color-suggestion-marker-insertion-border-active);
|
|
832
|
-
}
|
|
833
|
-
|
|
834
|
-
.ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table > table > thead > tr > th {
|
|
835
|
-
background-color: var(--ck-color-suggestion-widget-th-insertion-background-active);
|
|
836
|
-
border-color: var(--ck-color-suggestion-marker-insertion-border-active);
|
|
837
|
-
}
|
|
838
|
-
|
|
839
|
-
.ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table > table > tbody > tr > td {
|
|
840
|
-
background-color: var(--ck-color-suggestion-widget-insertion-background-active);
|
|
841
|
-
border-color: var(--ck-color-suggestion-marker-insertion-border-active);
|
|
842
|
-
}
|
|
843
|
-
|
|
844
|
-
.ck-content .ck-suggestion-marker-deletion.ck-widget.table {
|
|
845
|
-
border-color: var(--ck-color-suggestion-marker-deletion-border);
|
|
846
|
-
}
|
|
847
|
-
|
|
848
|
-
.ck-content .ck-suggestion-marker-deletion.ck-widget.table > figcaption {
|
|
849
|
-
background-color: var(--ck-color-suggestion-widget-deletion-background);
|
|
850
|
-
}
|
|
851
|
-
|
|
852
|
-
.ck-content .ck-suggestion-marker-deletion.ck-widget.table > table > tbody > tr > th {
|
|
853
|
-
background-color: var(--ck-color-suggestion-widget-th-deletion-background);
|
|
854
|
-
border-color: var(--ck-color-suggestion-marker-deletion-border);
|
|
855
|
-
text-decoration: none;
|
|
856
|
-
}
|
|
857
|
-
|
|
858
|
-
.ck-content .ck-suggestion-marker-deletion.ck-widget.table > table > thead > tr > th {
|
|
859
|
-
background-color: var(--ck-color-suggestion-widget-th-deletion-background);
|
|
860
|
-
border-color: var(--ck-color-suggestion-marker-deletion-border);
|
|
861
|
-
text-decoration: none;
|
|
862
|
-
}
|
|
863
|
-
|
|
864
|
-
.ck-content .ck-suggestion-marker-deletion.ck-widget.table > table > tbody > tr > td {
|
|
865
|
-
background-color: var(--ck-color-suggestion-widget-deletion-background);
|
|
866
|
-
border-color: var(--ck-color-suggestion-marker-deletion-border);
|
|
867
|
-
text-decoration: none;
|
|
868
|
-
}
|
|
869
|
-
|
|
870
|
-
.ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table {
|
|
871
|
-
border-color: var(--ck-color-suggestion-marker-deletion-border-active);
|
|
872
|
-
}
|
|
873
|
-
|
|
874
|
-
.ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table > figcaption {
|
|
875
|
-
background-color: var(--ck-color-suggestion-widget-deletion-background-active);
|
|
876
|
-
}
|
|
877
|
-
|
|
878
|
-
.ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table > table > tbody > tr > th {
|
|
879
|
-
background-color: var(--ck-color-suggestion-widget-th-deletion-background-active);
|
|
880
|
-
border-color: var(--ck-color-suggestion-marker-deletion-border-active);
|
|
881
|
-
}
|
|
882
|
-
|
|
883
|
-
.ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table > table > thead > tr > th {
|
|
884
|
-
background-color: var(--ck-color-suggestion-widget-th-deletion-background-active);
|
|
885
|
-
border-color: var(--ck-color-suggestion-marker-deletion-border-active);
|
|
886
|
-
}
|
|
887
|
-
|
|
888
|
-
.ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table > table > tbody > tr > td {
|
|
889
|
-
background-color: var(--ck-color-suggestion-widget-deletion-background-active);
|
|
890
|
-
border-color: var(--ck-color-suggestion-marker-deletion-border-active);
|
|
891
|
-
}
|
|
892
|
-
|
|
893
|
-
/*
|
|
894
|
-
* We need here at least 022 CSS Specificity because of table styles like `.ck-content .table table th { background: ... }
|
|
895
|
-
* See: https://github.com/ckeditor/ckeditor5-table/blob/master/theme/table.css#L29
|
|
896
|
-
*/
|
|
897
|
-
.ck-content .table th.ck-suggestion-marker-insertion {
|
|
898
|
-
background-color: var(--ck-color-suggestion-widget-th-insertion-background);
|
|
899
|
-
}
|
|
900
|
-
.ck-content .table th.ck-suggestion-marker-insertion.ck-suggestion-marker--active {
|
|
901
|
-
background-color: var(--ck-color-suggestion-widget-th-insertion-background-active);
|
|
902
|
-
}
|
|
903
|
-
.ck-content .table th.ck-suggestion-marker-deletion {
|
|
904
|
-
background-color: var(--ck-color-suggestion-widget-th-deletion-background);
|
|
905
|
-
text-decoration: none;
|
|
906
|
-
}
|
|
907
|
-
.ck-content .table th.ck-suggestion-marker-deletion.ck-suggestion-marker--active {
|
|
908
|
-
background-color: var(--ck-color-suggestion-widget-th-deletion-background-active);
|
|
909
|
-
}
|
|
910
|
-
.ck-content .table td.ck-suggestion-marker-insertion {
|
|
911
|
-
background-color: var(--ck-color-suggestion-widget-insertion-background);
|
|
912
|
-
}
|
|
913
|
-
.ck-content .table td.ck-suggestion-marker-insertion.ck-suggestion-marker--active {
|
|
914
|
-
background-color: var(--ck-color-suggestion-widget-insertion-background-active);
|
|
915
|
-
}
|
|
916
|
-
.ck-content .table td.ck-suggestion-marker-deletion {
|
|
917
|
-
background-color: var(--ck-color-suggestion-widget-deletion-background);
|
|
918
|
-
text-decoration: none;
|
|
919
|
-
}
|
|
920
|
-
.ck-content .table td.ck-suggestion-marker-deletion.ck-suggestion-marker--active {
|
|
921
|
-
background-color: var(--ck-color-suggestion-widget-deletion-background-active);
|
|
922
|
-
}
|
|
923
|
-
.ck-content .table th.ck-suggestion-marker-formatInline,
|
|
924
|
-
.ck-content .table td.ck-suggestion-marker-formatInline,
|
|
925
|
-
.ck-content .table th.ck-suggestion-marker-formatBlock,
|
|
926
|
-
.ck-content .table td.ck-suggestion-marker-formatBlock {
|
|
927
|
-
background-color: var(--ck-color-suggestion-widget-format-background);
|
|
928
|
-
box-shadow: none;
|
|
929
|
-
}
|
|
930
|
-
.ck-content .table th.ck-suggestion-marker-formatInline.ck-suggestion-marker--active, .ck-content .table td.ck-suggestion-marker-formatInline.ck-suggestion-marker--active, .ck-content .table th.ck-suggestion-marker-formatBlock.ck-suggestion-marker--active, .ck-content .table td.ck-suggestion-marker-formatBlock.ck-suggestion-marker--active {
|
|
931
|
-
background-color: var(--ck-color-suggestion-widget-format-background-active);
|
|
932
|
-
box-shadow: none;
|
|
933
|
-
}
|
|
934
|
-
|
|
935
|
-
/*
|
|
936
|
-
* What you're currently looking at is the source code of a legally protected, proprietary software.
|
|
937
|
-
* CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
|
|
938
|
-
* all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
|
|
939
|
-
*
|
|
940
|
-
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
941
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
942
|
-
*/
|
|
943
|
-
|
|
944
|
-
.ck-content pre > code.ck-suggestion-marker-formatBlock {
|
|
945
|
-
display: block;
|
|
946
|
-
box-shadow: -7px 0 0 0 hsl(0deg 0% 93%), -10px 0 0 0 var(--ck-color-suggestion-marker-format-border);
|
|
947
|
-
}
|
|
948
|
-
|
|
949
|
-
.ck-content pre > code.ck-suggestion-marker-formatBlock.ck-suggestion-marker--active {
|
|
950
|
-
box-shadow: -5px 0 0 0 hsl(0deg 0% 93%), -8px 0 0 0 var(--ck-color-suggestion-marker-format-border-active);
|
|
951
|
-
}
|
|
952
|
-
|
|
953
|
-
/*
|
|
954
|
-
* What you're currently looking at is the source code of a legally protected, proprietary software.
|
|
955
|
-
* CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
|
|
956
|
-
* all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
|
|
957
|
-
*
|
|
958
|
-
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
959
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
960
|
-
*/
|
|
961
|
-
|
|
962
|
-
/*
|
|
963
|
-
* These definitions bring violet accents (tint) across the AI UI.
|
|
964
|
-
*/
|
|
965
|
-
:root {
|
|
966
|
-
--ck-ai-form-submit-button-text-color: var(--ck-color-text);
|
|
967
|
-
--ck-ai-form-submit-button-border-color: transparent;
|
|
968
|
-
--ck-ai-form-submit-button-disabled-border-color: transparent;
|
|
969
|
-
--ck-ai-toolbar-button-hover-color: var(--ck-color-text);
|
|
970
|
-
--ck-color-ai-selection: hsla(201, 100%, 56%, 0.3);
|
|
971
|
-
}
|
|
972
|
-
|
|
973
|
-
/* Note: This class name is mentioned in the guide and acts like a public API. */
|
|
974
|
-
.ck-ai-assistant-ui_theme {
|
|
975
|
-
--ck-color-button-default-hover-background: hsl(262.1,100%,96.3%);
|
|
976
|
-
--ck-color-button-default-active-background: hsl(262.1,100%,96.3%);
|
|
977
|
-
|
|
978
|
-
--ck-color-button-on-background: hsl(262.1,100%,96.3%);
|
|
979
|
-
--ck-color-button-on-hover-background: hsl(262.5,60%,92.2%);
|
|
980
|
-
--ck-color-button-on-active-background: hsl(262.1,100%,96.3%);
|
|
981
|
-
--ck-color-button-on-disabled-background: hsl(262.1,100%,96.3%);
|
|
982
|
-
--ck-color-button-on-color: hsl(263.2,59.2%,52%);
|
|
983
|
-
|
|
984
|
-
--ck-color-button-action-background: hsl(263.2,59.2%,52%);
|
|
985
|
-
--ck-color-button-action-hover-background: hsl(262.6,58.9%,49.6%);
|
|
986
|
-
--ck-color-button-action-active-background: hsl(262.6,58.9%,49.6%);
|
|
987
|
-
--ck-color-button-action-disabled-background: hsl(263.8,59.3%,75.9%);
|
|
988
|
-
|
|
989
|
-
--ck-color-list-button-hover-background: hsl(262.1,100%,96.3%);
|
|
990
|
-
|
|
991
|
-
--ck-ai-form-content-background: hsl(0,0%,97.6%);
|
|
992
|
-
--ck-ai-form-submit-button-text-color: var(--ck-color-button-on-color);
|
|
993
|
-
--ck-ai-form-submit-button-border-color: var(--ck-color-button-action-background);
|
|
994
|
-
--ck-ai-form-submit-button-disabled-border-color: var(--ck-color-button-action-disabled-background);
|
|
995
|
-
--ck-ai-toolbar-button-hover-color: var(--ck-color-button-on-color);
|
|
996
|
-
|
|
997
|
-
--ck-color-ai-selection: hsl(262.5,60%,90%);
|
|
998
|
-
}
|
|
999
|
-
|
|
1000
|
-
/*
|
|
1001
|
-
* Apply the theme colors for specific elements.
|
|
1002
|
-
*/
|
|
1003
|
-
.ck-ai-commands-dropdown > .ck-button:hover,
|
|
1004
|
-
.ck-ai-assistant-button:hover {
|
|
1005
|
-
color: var(--ck-ai-toolbar-button-hover-color);
|
|
1006
|
-
}
|
|
1007
|
-
|
|
1008
|
-
/*
|
|
1009
|
-
* Classes used by the "fake visual selection" displayed in the content
|
|
1010
|
-
* when the AI dialog is open.
|
|
1011
|
-
*
|
|
1012
|
-
* Narrow down to <span> to prevent changing background for widgets and nested editables.
|
|
1013
|
-
*/
|
|
1014
|
-
.ck span.ck-fake-ai-selection {
|
|
1015
|
-
background: var(--ck-color-ai-selection);
|
|
1016
|
-
}
|
|
1017
|
-
|
|
1018
|
-
.ck .ck-widget.ck-fake-ai-selection {
|
|
1019
|
-
outline-color: var(--ck-color-ai-selection);
|
|
1020
|
-
}
|
|
1021
|
-
|
|
1022
|
-
/*
|
|
1023
|
-
* Classes used by the "fake visual candidate selection" displayed in the content when an input
|
|
1024
|
-
* in the AI dropdown has focus (the browser does not render the native selection in this state).
|
|
1025
|
-
*
|
|
1026
|
-
* Narrow down to <span> to prevent changing background for widgets and nested editables.
|
|
1027
|
-
*/
|
|
1028
|
-
.ck span.ck-fake-ai-selection-candidate {
|
|
1029
|
-
background: var(--ck-color-ai-selection);
|
|
1030
|
-
}
|
|
1031
|
-
|
|
1032
|
-
/* A collapsed fake visual selection. */
|
|
1033
|
-
.ck .ck-fake-ai-selection_collapsed {
|
|
1034
|
-
height: 100%;
|
|
1035
|
-
border-right: 1px solid var(--ck-color-base-text);
|
|
1036
|
-
margin-right: -1px;
|
|
1037
|
-
outline: solid 1px hsla(0, 0%, 100%, .5);
|
|
1038
|
-
}
|
|
1039
|
-
|
|
1040
|
-
/*
|
|
1041
|
-
* Styles of the AI response field. The margins, font sizes and line-heights have been reduced
|
|
1042
|
-
* to save space.
|
|
1043
|
-
*
|
|
1044
|
-
* Note: This class name is mentioned in the guide and acts like a public API.
|
|
1045
|
-
*/
|
|
1046
|
-
.ck.ck-content.ck-ai-form__content-field h2 {
|
|
1047
|
-
font-size: 1.3em;
|
|
1048
|
-
}
|
|
1049
|
-
.ck.ck-content.ck-ai-form__content-field h3 {
|
|
1050
|
-
font-size: 1.2em;
|
|
1051
|
-
}
|
|
1052
|
-
.ck.ck-content.ck-ai-form__content-field h4, .ck.ck-content.ck-ai-form__content-field h5, .ck.ck-content.ck-ai-form__content-field h6 {
|
|
1053
|
-
font-size: 1.1em;
|
|
1054
|
-
}
|
|
1055
|
-
.ck.ck-content.ck-ai-form__content-field h2, .ck.ck-content.ck-ai-form__content-field h3, .ck.ck-content.ck-ai-form__content-field h4, .ck.ck-content.ck-ai-form__content-field h5, .ck.ck-content.ck-ai-form__content-field h6, .ck.ck-content.ck-ai-form__content-field p, .ck.ck-content.ck-ai-form__content-field ul, .ck.ck-content.ck-ai-form__content-field ol {
|
|
1056
|
-
margin-block-start: .5em;
|
|
1057
|
-
margin-block-end: .5em;
|
|
1058
|
-
line-height: 1.7em;
|
|
1059
|
-
}
|
|
1060
|
-
.ck.ck-content.ck-ai-form__content-field > :first-child {
|
|
1061
|
-
margin-top: 0;
|
|
1062
|
-
}
|
|
1063
|
-
.ck.ck-content.ck-ai-form__content-field > :last-child {
|
|
1064
|
-
margin-bottom: 0;
|
|
1065
|
-
}
|
|
1066
|
-
|
|
1067
|
-
/*
|
|
1068
|
-
* What you're currently looking at is the source code of a legally protected, proprietary software.
|
|
1069
|
-
* CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
|
|
1070
|
-
* all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
|
|
1071
|
-
*
|
|
1072
|
-
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
1073
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
1074
|
-
*/
|
|
1075
|
-
|
|
1076
|
-
/*
|
|
1077
|
-
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
1078
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
1079
|
-
*/
|
|
1080
|
-
/*
|
|
1081
|
-
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
1082
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
1083
|
-
*/
|
|
1084
|
-
|
|
1085
|
-
:root {
|
|
1086
|
-
--ck-ai-dropdown-view-width: 250px;
|
|
1087
|
-
--ck-ai-dropdown-view-list-max-height: 250px;
|
|
1088
|
-
}
|
|
1089
|
-
|
|
1090
|
-
.ck.ck-ai-commands-search {
|
|
1091
|
-
width: var(--ck-ai-dropdown-view-width);
|
|
1092
|
-
}
|
|
1093
|
-
|
|
1094
|
-
.ck.ck-ai-commands-search > .ck-labeled-field-view {
|
|
1095
|
-
padding: var(--ck-spacing-large);
|
|
1096
|
-
}
|
|
1097
|
-
|
|
1098
|
-
.ck.ck-ai-commands-search > .ck-labeled-field-view .ck-input {
|
|
1099
|
-
min-width: unset;
|
|
1100
|
-
}
|
|
1101
|
-
|
|
1102
|
-
.ck.ck-ai-commands-search > .ck-search__results {
|
|
1103
|
-
border-top: 1px solid var(--ck-color-base-border);
|
|
1104
|
-
}
|
|
1105
|
-
|
|
1106
|
-
.ck.ck-ai-commands-search > .ck-search__results > .ck-list {
|
|
1107
|
-
max-height: var(--ck-ai-dropdown-view-list-max-height);
|
|
1108
|
-
overflow: auto;
|
|
1109
|
-
}
|
|
1110
|
-
|
|
1111
|
-
/*
|
|
1112
|
-
* What you're currently looking at is the source code of a legally protected, proprietary software.
|
|
1113
|
-
* CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
|
|
1114
|
-
* all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
|
|
1115
|
-
*
|
|
1116
|
-
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
1117
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
1118
|
-
*/
|
|
1119
|
-
|
|
1120
|
-
/*
|
|
1121
|
-
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
1122
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
1123
|
-
*/
|
|
1124
|
-
/*
|
|
1125
|
-
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
1126
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
1127
|
-
*/
|
|
1128
|
-
|
|
1129
|
-
:root {
|
|
1130
|
-
--ck-ai-form-view-width: 600px;
|
|
1131
|
-
--ck-ai-form-content-height: 175px;
|
|
1132
|
-
--ck-ai-form-content-background: hsl(0, 0%, 98%);
|
|
1133
|
-
--ck-ai-form-history-font-size: .9em;
|
|
1134
|
-
|
|
1135
|
-
--ck-ai-form-error-background: var(--ck-color-light-red);
|
|
1136
|
-
}
|
|
1137
|
-
|
|
1138
|
-
/* Note: This class name is mentioned in the guide and acts like a public API. */
|
|
1139
|
-
.ck .ck-ai-form {
|
|
1140
|
-
width: var(--ck-ai-form-view-width);
|
|
1141
|
-
|
|
1142
|
-
/* Don't overflow the parent dialog container */
|
|
1143
|
-
max-width: 100%;
|
|
1144
|
-
}
|
|
1145
|
-
@media screen and (max-width: 600px) {
|
|
1146
|
-
.ck .ck-ai-form {
|
|
1147
|
-
/* Allow the for the layout to be fluid in narrow viewports to avoid breaking it due to limited
|
|
1148
|
-
* horizontal space (https://github.com/cksource/ckeditor5-commercial/issues/5913). */
|
|
1149
|
-
--ck-ai-form-view-width: 100vw;
|
|
1150
|
-
}
|
|
1151
|
-
}
|
|
1152
|
-
.ck .ck-ai-form .ck-ai-form-content {
|
|
1153
|
-
padding: var(--ck-spacing-large);
|
|
1154
|
-
width: 100%;
|
|
1155
|
-
}
|
|
1156
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-input {
|
|
1157
|
-
width: 100%;
|
|
1158
|
-
}
|
|
1159
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area-wrapper {
|
|
1160
|
-
width: 100%;
|
|
1161
|
-
max-height: var(--ck-ai-form-content-height);
|
|
1162
|
-
overflow-y: auto;
|
|
1163
|
-
border: 1px solid var(--ck-color-base-border);
|
|
1164
|
-
border-radius: 2px;
|
|
1165
|
-
}
|
|
1166
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area-wrapper:focus {
|
|
1167
|
-
outline: none;
|
|
1168
|
-
border: var(--ck-focus-ring);
|
|
1169
|
-
box-shadow: var(--ck-focus-outer-shadow), 0 0;
|
|
1170
|
-
}
|
|
1171
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area {
|
|
1172
|
-
display: flex;
|
|
1173
|
-
background-color: var(--ck-ai-form-content-background);
|
|
1174
|
-
}
|
|
1175
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area.ck-ai-form__content-area--processing {
|
|
1176
|
-
--ck-color-text: var(--ck-color-input-disabled-text);
|
|
1177
|
-
background-color: var(--ck-color-input-disabled-background);
|
|
1178
|
-
}
|
|
1179
|
-
/* Note: This class name is mentioned in the guide and acts like a public API */
|
|
1180
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field {
|
|
1181
|
-
width: 100%;
|
|
1182
|
-
white-space: normal;
|
|
1183
|
-
padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
|
|
1184
|
-
min-height: calc( var(--ck-line-height-base) * var(--ck-font-size-base) );
|
|
1185
|
-
box-sizing: content-box;
|
|
1186
|
-
}
|
|
1187
|
-
[dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field {
|
|
1188
|
-
padding-right: 0;
|
|
1189
|
-
}
|
|
1190
|
-
[dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field {
|
|
1191
|
-
padding-left: 0;
|
|
1192
|
-
}
|
|
1193
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__content-field > * {
|
|
1194
|
-
white-space: normal;
|
|
1195
|
-
color: inherit;
|
|
1196
|
-
}
|
|
1197
|
-
[dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-spinner-container {
|
|
1198
|
-
margin-right: var(--ck-spacing-medium);
|
|
1199
|
-
|
|
1200
|
-
}
|
|
1201
|
-
[dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-spinner-container {
|
|
1202
|
-
margin-left: var(--ck-spacing-medium);
|
|
1203
|
-
|
|
1204
|
-
}
|
|
1205
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button-wrapper {
|
|
1206
|
-
display: flex;
|
|
1207
|
-
flex-direction: column-reverse;
|
|
1208
|
-
padding-left: 2px;
|
|
1209
|
-
}
|
|
1210
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button {
|
|
1211
|
-
position: sticky;
|
|
1212
|
-
right: 1px;
|
|
1213
|
-
bottom: 1px;
|
|
1214
|
-
padding: 4px;
|
|
1215
|
-
min-height: unset;
|
|
1216
|
-
min-width: unset;
|
|
1217
|
-
}
|
|
1218
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button svg {
|
|
1219
|
-
--ck-icon-size: 16px;
|
|
1220
|
-
}
|
|
1221
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__content-area .ck-ai-form__copy-button.ck-ai-form__copy-button--copied {
|
|
1222
|
-
color: inherit;
|
|
1223
|
-
}
|
|
1224
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__toolbar {
|
|
1225
|
-
border: none;
|
|
1226
|
-
padding: 0;
|
|
1227
|
-
margin-top: var(--ck-spacing-medium);
|
|
1228
|
-
margin-bottom: calc( 2 * var(--ck-spacing-medium) );
|
|
1229
|
-
}
|
|
1230
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__loader {
|
|
1231
|
-
display: flex;
|
|
1232
|
-
align-items: center;
|
|
1233
|
-
}
|
|
1234
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-ai-form__loader .ck-spinner {
|
|
1235
|
-
box-sizing: border-box;
|
|
1236
|
-
}
|
|
1237
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete {
|
|
1238
|
-
display: flex;
|
|
1239
|
-
justify-content: space-between;
|
|
1240
|
-
}
|
|
1241
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view {
|
|
1242
|
-
flex-grow: 1;
|
|
1243
|
-
}
|
|
1244
|
-
[dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit {
|
|
1245
|
-
margin-left: var(--ck-spacing-medium);
|
|
1246
|
-
}
|
|
1247
|
-
[dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit {
|
|
1248
|
-
margin-right: var(--ck-spacing-medium);
|
|
1249
|
-
}
|
|
1250
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit {
|
|
1251
|
-
|
|
1252
|
-
border-color: var(--ck-ai-form-submit-button-border-color);
|
|
1253
|
-
color: var(--ck-ai-form-submit-button-text-color);
|
|
1254
|
-
}
|
|
1255
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck.ck-ai-form__submit.ck-disabled {
|
|
1256
|
-
border-color: var(--ck-ai-form-submit-button-disabled-border-color);
|
|
1257
|
-
}
|
|
1258
|
-
/* Toggle history button */
|
|
1259
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
|
|
1260
|
-
position: absolute;
|
|
1261
|
-
font-size: var(--ck-font-size-tiny);
|
|
1262
|
-
}
|
|
1263
|
-
[dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
|
|
1264
|
-
right: var(--ck-spacing-medium);
|
|
1265
|
-
}
|
|
1266
|
-
[dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
|
|
1267
|
-
left: var(--ck-spacing-medium);
|
|
1268
|
-
}
|
|
1269
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete > .ck-labeled-field-view .ck-ai-form__toggle-history {
|
|
1270
|
-
|
|
1271
|
-
bottom: var(--ck-spacing-small);
|
|
1272
|
-
top: var(--ck-spacing-small);
|
|
1273
|
-
padding: 4px;
|
|
1274
|
-
min-height: unset;
|
|
1275
|
-
min-width: unset;
|
|
1276
|
-
}
|
|
1277
|
-
/* Give the toggle history button some space */
|
|
1278
|
-
[dir="ltr"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-textarea {
|
|
1279
|
-
padding-right: 30px;
|
|
1280
|
-
}
|
|
1281
|
-
[dir="rtl"] .ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-textarea {
|
|
1282
|
-
padding-left: 30px;
|
|
1283
|
-
}
|
|
1284
|
-
/* Squash the textarea horizontally if necessary on narrow layouts
|
|
1285
|
-
* to avoid breaking the layout even at the cost of the placeholder
|
|
1286
|
-
* being cut off (https://github.com/cksource/ckeditor5-commercial/issues/5913). */
|
|
1287
|
-
@media screen and (max-width: 600px) {
|
|
1288
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-textarea {
|
|
1289
|
-
--ck-input-width: auto;
|
|
1290
|
-
}
|
|
1291
|
-
}
|
|
1292
|
-
/* Prompt history group */
|
|
1293
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group {
|
|
1294
|
-
display: grid;
|
|
1295
|
-
grid-template-columns: auto 1fr;
|
|
1296
|
-
grid-template-rows: auto;
|
|
1297
|
-
grid-column-gap: 0px;
|
|
1298
|
-
grid-row-gap: 0px;
|
|
1299
|
-
|
|
1300
|
-
/* History group label */
|
|
1301
|
-
}
|
|
1302
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > span {
|
|
1303
|
-
grid-area: 1 / 1 / 2 / 2;
|
|
1304
|
-
}
|
|
1305
|
-
/* Clear button in the history */
|
|
1306
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-button {
|
|
1307
|
-
padding: 0;
|
|
1308
|
-
min-height: auto;
|
|
1309
|
-
grid-area: 1 / 2 / 2 / 3;
|
|
1310
|
-
font-size: var(--ck-ai-form-history-font-size);
|
|
1311
|
-
justify-self: start;
|
|
1312
|
-
background: none;
|
|
1313
|
-
margin: var(--ck-spacing-medium) 0 0;
|
|
1314
|
-
}
|
|
1315
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-button .ck-button__label {
|
|
1316
|
-
line-height: inherit;
|
|
1317
|
-
}
|
|
1318
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-button .ck-button__label:hover {
|
|
1319
|
-
text-decoration: underline;
|
|
1320
|
-
}
|
|
1321
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-list {
|
|
1322
|
-
grid-area: 2 / 1 / 3 / 3;
|
|
1323
|
-
|
|
1324
|
-
/* Prompts can be very long. We need to display them whole. */
|
|
1325
|
-
}
|
|
1326
|
-
.ck .ck-ai-form .ck-ai-form-content .ck-autocomplete .ck-search__results .ck-list .ck-list__group > .ck-list .ck-list__item .ck-button .ck-button__label {
|
|
1327
|
-
white-space: nowrap;
|
|
1328
|
-
overflow: hidden;
|
|
1329
|
-
max-width: 100%;
|
|
1330
|
-
text-overflow: ellipsis;
|
|
1331
|
-
font-size: var(--ck-ai-form-history-font-size);
|
|
1332
|
-
line-height: var(--ck-line-height-base);
|
|
1333
|
-
}
|
|
1334
|
-
.ck .ck-ai-form .ck-ai-form__error {
|
|
1335
|
-
display: flex;
|
|
1336
|
-
justify-content: center;
|
|
1337
|
-
align-items: center;
|
|
1338
|
-
padding: var(--ck-spacing-medium);
|
|
1339
|
-
background-color: var(--ck-ai-form-error-background);
|
|
1340
|
-
color: var(--ck-color-base-text);
|
|
1341
|
-
border-radius: 2px;
|
|
1342
|
-
margin-bottom: var(--ck-spacing-medium);
|
|
1343
|
-
}
|
|
1344
|
-
|