@happeouikit/content-renderer 3.2.19 → 3.2.21
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/dist/index.cjs.js +11 -7
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +92 -88
- package/dist/index.es.js.map +1 -1
- package/package.json +2 -2
package/dist/index.cjs.js
CHANGED
|
@@ -222,8 +222,8 @@
|
|
|
222
222
|
}
|
|
223
223
|
.mention {
|
|
224
224
|
border-radius: var(--radii-md);
|
|
225
|
-
background-color: var(--color-
|
|
226
|
-
border: 1px solid var(--color-
|
|
225
|
+
background-color: var(--color-warning-lighten80);
|
|
226
|
+
border: 1px solid var(--color-warning-lighten80);
|
|
227
227
|
color: var(--color-primary-text-on-light);
|
|
228
228
|
font-weight: 400;
|
|
229
229
|
|
|
@@ -245,11 +245,15 @@
|
|
|
245
245
|
border-radius: var(--radius-md);
|
|
246
246
|
border: 1px solid var(--color-gray100);
|
|
247
247
|
}
|
|
248
|
-
|
|
249
|
-
|
|
248
|
+
|
|
249
|
+
/* Table styles */
|
|
250
|
+
// this code is duplicated:
|
|
251
|
+
// - in the happeouikit ContentRenderer (used for viewed content)
|
|
252
|
+
// - in the react-ng-bridge RichTextEditor/styles.js (used for content in editor)
|
|
253
|
+
// - in the universe-angular-app text.less (used in PagesV1)
|
|
250
254
|
table {
|
|
251
255
|
width: 100%;
|
|
252
|
-
margin: var(--space-md) 0;
|
|
256
|
+
margin: var(--space-md, 16px) 0;
|
|
253
257
|
text-align: left;
|
|
254
258
|
border-spacing: 0;
|
|
255
259
|
border-collapse: separate; // doubles internal borders, but needed to allow more customization
|
|
@@ -311,10 +315,10 @@
|
|
|
311
315
|
tr:last-child > td:last-child { border-bottom-right-radius: 6px; }
|
|
312
316
|
}
|
|
313
317
|
&.padded-1 > tbody > tr > td {
|
|
314
|
-
padding: var(--space-md);
|
|
318
|
+
padding: var(--space-md, 16px);
|
|
315
319
|
}
|
|
316
320
|
&.padded-2 > tbody > tr > td {
|
|
317
|
-
padding: var(--space-xl);
|
|
321
|
+
padding: var(--space-xl, 32px);
|
|
318
322
|
}
|
|
319
323
|
&.highlight-first-row > tbody > {
|
|
320
324
|
tr:first-child > td {
|