@fiduswriter/editor 0.1.51 → 0.1.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/css/access_rights_dialog.css +75 -0
  2. package/css/carets.css +17 -0
  3. package/css/chat.css +70 -0
  4. package/css/citation_dialog.css +71 -0
  5. package/css/colors.css +97 -0
  6. package/css/contributors.css +13 -0
  7. package/css/document.css +286 -0
  8. package/css/dot_menu.css +42 -0
  9. package/css/e2ee.css +331 -0
  10. package/css/editor.css +1484 -0
  11. package/css/footnotes.css +81 -0
  12. package/css/margin_boxes.css +514 -0
  13. package/css/merge.css +197 -0
  14. package/css/review.css +7 -0
  15. package/css/table.css +13 -0
  16. package/css/tags.css +36 -0
  17. package/css/tracking.css +63 -0
  18. package/package.json +56 -10
  19. package/static/fonts/document/Cardo-Bold.woff +0 -0
  20. package/static/fonts/document/Cardo-Italic.woff +0 -0
  21. package/static/fonts/document/Cardo-Regular.woff +0 -0
  22. package/static/fonts/document/CrimsonText-Bold.woff +0 -0
  23. package/static/fonts/document/CrimsonText-BoldItalic.woff +0 -0
  24. package/static/fonts/document/CrimsonText-Italic.woff +0 -0
  25. package/static/fonts/document/CrimsonText-Roman.woff +0 -0
  26. package/static/fonts/document/Lobster-1.4.woff +0 -0
  27. package/static/fonts/document/NoticiaText-Bold.woff +0 -0
  28. package/static/fonts/document/NoticiaText-BoldItalic.woff +0 -0
  29. package/static/fonts/document/NoticiaText-Italic.woff +0 -0
  30. package/static/fonts/document/NoticiaText-Regular.woff +0 -0
  31. package/static/fonts/document/OpenSans-Bold.woff +0 -0
  32. package/static/fonts/document/OpenSans-Regular.woff +0 -0
  33. package/static/fonts/document/SourceSansPro-Bold.woff +0 -0
  34. package/static/img/accept_change.avif +0 -0
  35. package/static/img/fidus_face.avif +0 -0
  36. package/static/ogg/chat_notification.ogg +0 -0
package/css/e2ee.css ADDED
@@ -0,0 +1,331 @@
1
+ /* E2EE Password Dialog Styles */
2
+ .e2ee-password-dialog p {
3
+ margin-bottom: 12px;
4
+ line-height: 1.5;
5
+ }
6
+
7
+ .e2ee-password-hint {
8
+ font-size: 0.9em;
9
+ color: var(--cs-light-text-secondary, #6e6e6e);
10
+ font-style: italic;
11
+ margin-bottom: 16px !important;
12
+ }
13
+
14
+ .e2ee-password-field {
15
+ position: relative;
16
+ margin-bottom: 12px;
17
+ }
18
+
19
+ .e2ee-password-field label {
20
+ display: block;
21
+ margin-bottom: 4px;
22
+ font-weight: 500;
23
+ font-size: 0.95em;
24
+ color: var(--main-text-color, #2c2723);
25
+ }
26
+
27
+ .e2ee-password-input {
28
+ width: 100%;
29
+ padding: 8px 36px 8px 10px;
30
+ border: 1px solid var(--input-dialog-border-color, #e0e0e0);
31
+ border-radius: 4px;
32
+ font-size: 14px;
33
+ box-sizing: border-box;
34
+ background-color: var(--input-background-color, #f3f3f3);
35
+ color: var(--main-text-color, #2c2723);
36
+ transition: border-color 0.2s;
37
+ }
38
+
39
+ .e2ee-password-input:focus {
40
+ outline: none;
41
+ border-color: var(--e2ee-input-focus-border-color);
42
+ box-shadow: 0 0 0 2px
43
+ color-mix(in srgb, var(--cs-2-box-shadow, #3c9fdf) 15%, transparent);
44
+ background-color: var(--input-focus-background-color, #fbf9d2);
45
+ }
46
+
47
+ .e2ee-toggle-visibility {
48
+ position: absolute;
49
+ right: 6px;
50
+ top: 28px;
51
+ background: none;
52
+ border: none;
53
+ cursor: pointer;
54
+ padding: 4px 6px;
55
+ color: var(--cs-light-text-secondary, #6e6e6e);
56
+ font-size: 14px;
57
+ transition: color 0.2s;
58
+ }
59
+
60
+ .e2ee-toggle-visibility:hover {
61
+ color: var(--main-text-color, #2c2723);
62
+ }
63
+
64
+ /* Password Strength Meter */
65
+
66
+ .e2ee-strength-meter {
67
+ margin-bottom: 14px;
68
+ display: flex;
69
+ align-items: center;
70
+ gap: 8px;
71
+ }
72
+
73
+ .e2ee-strength-bar {
74
+ height: 6px;
75
+ width: 0;
76
+ border-radius: 3px;
77
+ transition:
78
+ width 0.3s ease,
79
+ background-color 0.3s ease;
80
+ background-color: var(--cs-light-border, #e0e0e0);
81
+ }
82
+
83
+ .e2ee-strength-bar.very-weak {
84
+ background-color: var(--e2ee-strength-very-weak-color);
85
+ }
86
+
87
+ .e2ee-strength-bar.weak {
88
+ background-color: var(--e2ee-strength-weak-color);
89
+ }
90
+
91
+ .e2ee-strength-bar.fair {
92
+ background-color: var(--e2ee-strength-fair-color);
93
+ }
94
+
95
+ .e2ee-strength-bar.strong {
96
+ background-color: var(--e2ee-strength-strong-color);
97
+ }
98
+
99
+ .e2ee-strength-bar.very-strong {
100
+ background-color: var(--e2ee-strength-very-strong-color);
101
+ }
102
+
103
+ .e2ee-strength-label {
104
+ font-size: 0.8em;
105
+ white-space: nowrap;
106
+ min-width: 70px;
107
+ }
108
+
109
+ .e2ee-strength-label.very-weak {
110
+ color: var(--e2ee-strength-very-weak-color);
111
+ }
112
+
113
+ .e2ee-strength-label.weak {
114
+ color: var(--e2ee-strength-weak-color);
115
+ }
116
+
117
+ .e2ee-strength-label.fair {
118
+ color: var(--cs-3-background-from, #d3421c);
119
+ }
120
+
121
+ .e2ee-strength-label.strong {
122
+ color: var(--e2ee-strength-strong-color);
123
+ }
124
+
125
+ .e2ee-strength-label.very-strong {
126
+ color: var(--e2ee-strength-very-strong-color);
127
+ }
128
+
129
+ /* Password Error Message */
130
+
131
+ .e2ee-password-error {
132
+ color: var(--error-border-color, #af3515);
133
+ font-size: 0.85em;
134
+ min-height: 1.2em;
135
+ margin-top: 4px;
136
+ }
137
+
138
+ /* E2EE Badge / Indicator */
139
+
140
+ .e2ee-badge {
141
+ display: inline-flex;
142
+ align-items: center;
143
+ gap: 4px;
144
+ font-size: 0.85em;
145
+ color: var(--e2ee-badge-text-color);
146
+ }
147
+
148
+ .e2ee-badge .fa-lock {
149
+ color: var(--e2ee-badge-icon-color);
150
+ }
151
+
152
+ .e2ee-badge-encrypted {
153
+ background-color: var(--e2ee-badge-encrypted-background-color);
154
+ color: var(--e2ee-badge-encrypted-text-color);
155
+ padding: 2px 8px;
156
+ border-radius: 10px;
157
+ font-size: 0.8em;
158
+ font-weight: 500;
159
+ }
160
+
161
+ /* E2EE Share Link Warning */
162
+
163
+ .e2ee-share-warning {
164
+ background-color: var(--e2ee-warning-background-color);
165
+ border: 1px solid var(--e2ee-warning-border-color);
166
+ border-radius: 4px;
167
+ padding: 10px 14px;
168
+ margin: 10px 0;
169
+ font-size: 0.9em;
170
+ color: var(--e2ee-warning-text-color);
171
+ }
172
+
173
+ .e2ee-share-warning i {
174
+ margin-right: 6px;
175
+ }
176
+
177
+ /* E2EE Password Reminder in Access Rights Dialog */
178
+
179
+ .e2ee-password-reminder {
180
+ background-color: var(--e2ee-info-background-color);
181
+ border: 1px solid var(--e2ee-info-border-color);
182
+ border-radius: 4px;
183
+ padding: 10px 14px;
184
+ margin: 10px 0;
185
+ font-size: 0.9em;
186
+ color: var(--e2ee-info-text-color);
187
+ }
188
+
189
+ .e2ee-password-reminder i {
190
+ margin-right: 6px;
191
+ }
192
+
193
+ /* E2EE Document Overview Row Indicator */
194
+
195
+ .e2ee-doc-indicator {
196
+ display: inline-flex;
197
+ align-items: center;
198
+ justify-content: center;
199
+ width: 20px;
200
+ height: 20px;
201
+ color: var(--e2ee-badge-icon-color);
202
+ font-size: 12px;
203
+ }
204
+
205
+ .e2ee-doc-indicator:hover {
206
+ cursor: help;
207
+ }
208
+
209
+ /* E2EE Placeholder Title */
210
+
211
+ .e2ee-encrypted-title {
212
+ color: var(--e2ee-encrypted-title-color);
213
+ font-style: italic;
214
+ }
215
+
216
+ /* E2EE Mode Banner (for E2EE_MODE=required) */
217
+
218
+ .e2ee-mode-banner {
219
+ background-color: var(--e2ee-banner-background-color);
220
+ border-bottom: 1px solid var(--e2ee-banner-border-color);
221
+ padding: 10px 20px;
222
+ text-align: center;
223
+ font-size: 0.9em;
224
+ color: var(--e2ee-banner-text-color);
225
+ }
226
+
227
+ .e2ee-mode-banner a {
228
+ color: var(--e2ee-banner-link-color);
229
+ text-decoration: underline;
230
+ }
231
+
232
+ /* E2EE Access Rights Dialog Warning */
233
+
234
+ .e2ee-access-rights-warning {
235
+ background-color: var(--e2ee-info-background-color);
236
+ border: 1px solid var(--e2ee-info-border-color);
237
+ border-radius: 4px;
238
+ padding: 12px 16px;
239
+ margin-bottom: 14px;
240
+ font-size: 0.9em;
241
+ color: var(--e2ee-info-text-color);
242
+ }
243
+
244
+ .e2ee-access-rights-warning strong {
245
+ display: block;
246
+ margin-bottom: 6px;
247
+ font-weight: 600;
248
+ }
249
+
250
+ .e2ee-access-rights-warning strong i {
251
+ margin-right: 10px;
252
+ color: var(--e2ee-info-border-color);
253
+ }
254
+
255
+ .e2ee-access-rights-warning p {
256
+ margin: 0;
257
+ line-height: 1.4;
258
+ }
259
+
260
+ /* E2EE Share Dialog Password Warning */
261
+
262
+ #share-token-password + .e2ee-share-warning {
263
+ margin-top: 8px;
264
+ font-size: 0.85em;
265
+ }
266
+
267
+ /* E2EE encryption choice info block (new document dialog) */
268
+
269
+ .e2ee-choice-info {
270
+ margin-top: 14px;
271
+ padding: 12px 16px;
272
+ background-color: var(--e2ee-info-background-color);
273
+ border: 1px solid var(--e2ee-info-border-color);
274
+ border-radius: 4px;
275
+ font-size: 0.9em;
276
+ color: var(--e2ee-info-text-color);
277
+ }
278
+
279
+ .e2ee-choice-info .e2ee-choice-intro {
280
+ margin: 0 0 10px;
281
+ line-height: 1.5;
282
+ }
283
+
284
+ .e2ee-choice-info strong {
285
+ display: block;
286
+ margin-top: 10px;
287
+ margin-bottom: 4px;
288
+ font-weight: 600;
289
+ }
290
+
291
+ .e2ee-choice-info strong:first-of-type {
292
+ margin-top: 0;
293
+ }
294
+
295
+ .e2ee-choice-info ul {
296
+ margin: 0 0 0 18px;
297
+ padding: 0;
298
+ list-style-type: disc;
299
+ }
300
+
301
+ .e2ee-choice-info li {
302
+ margin-bottom: 4px;
303
+ line-height: 1.4;
304
+ }
305
+
306
+ /* Recovery Key Dialog */
307
+
308
+ .e2ee-recovery-key-box {
309
+ background-color: var(--cs-light-background, #f9f9f9);
310
+ border: 1px solid var(--cs-light-border, #e0e0e0);
311
+ border-radius: 4px;
312
+ padding: 14px;
313
+ margin: 12px 0;
314
+ display: flex;
315
+ align-items: center;
316
+ justify-content: space-between;
317
+ gap: 12px;
318
+ word-break: break-all;
319
+ }
320
+
321
+ .e2ee-recovery-key-box code {
322
+ font-family: "Courier New", Courier, monospace;
323
+ font-size: 1.1em;
324
+ color: var(--main-text-color, #2c2723);
325
+ letter-spacing: 0.5px;
326
+ }
327
+
328
+ .e2ee-recovery-key-box .fw-button {
329
+ flex-shrink: 0;
330
+ white-space: nowrap;
331
+ }