@ckeditor/ckeditor5-comments 46.0.0-alpha.3 → 46.0.0-alpha.5

package/dist/index-editor.css

@@ -12,6 +12,9 @@
 	--ck-color-comment-separator:hsl(210, 52%, 87%);
 	--ck-color-comment-remove-background:var(--ck-color-light-red);
 	--ck-color-comment-input-background:var(--ck-color-comment-background);
+	--ck-comment-content-font-family:var(--ck-font-face);
+	--ck-comment-content-font-size:var(--ck-font-size-base);
+	--ck-comment-content-font-color:var(--ck-color-base-text);
 }
 
 .ck .ck-comment__wrapper{
@@ -80,10 +83,15 @@
 .ck .ck-comment__content{
 	word-break:normal;
 	overflow-wrap:anywhere;
+	font-family:var(--ck-comment-content-font-family);
+	color:var(--ck-comment-content-font-color);
 }
 
 .ck .ck-comment--info .ck-comment__content{
 		font-style:italic;
+		font-family:var(--ck-comment-content-font-family);
+		font-size:var(--ck-comment-content-font-size);
+		color:var(--ck-comment-content-font-color);
 	}
 .ck .ck-comment p, .ck .ck-comment__input p{
 		margin:0;
@@ -441,6 +449,9 @@
 .ck .ck-comment__input .ck-editor__editable_inline{
 		--ck-focus-ring:none;
 		--ck-inner-shadow:none;
+		font-family:var(--ck-comment-content-font-family);
+		font-size:var(--ck-comment-content-font-size);
+		color:var(--ck-comment-content-font-color);
 
 		padding:0;
 		overflow:visible;
@@ -647,7 +658,7 @@
 .ck .ck-annotation__main p{
 	margin:0;
 	white-space:normal;
-	font-size:var(--ck-font-size-base);
+	font-size:var(--ck-comment-content-font-size);
 	line-height:1.5em;
 }
 

package/dist/index.css

@@ -78,6 +78,13 @@
 	--ck-color-comment-separator: hsl(210, 52%, 87%);
 	--ck-color-comment-remove-background: var(--ck-color-light-red);
 	--ck-color-comment-input-background: var(--ck-color-comment-background);
+	/* Because of default content styles that are inherited from `.ck-content` are affecting the comment font family
+	(it's not inherited from `body`) we need to set the `font-family` manually; similar situation is with:
+	`font-size` and `color` properties.
+	See https://github.com/ckeditor/ckeditor5/issues/18710 */
+	--ck-comment-content-font-family: var(--ck-font-face);
+	--ck-comment-content-font-size: var(--ck-font-size-base);
+	--ck-comment-content-font-color: var(--ck-color-base-text);
 }
 
 .ck .ck-comment__wrapper {
@@ -147,10 +154,17 @@
 .ck .ck-comment__content {
 	word-break: normal;
 	overflow-wrap: anywhere;
+	font-family: var(--ck-comment-content-font-family);
+	color: var(--ck-comment-content-font-color);
 }
 
 .ck .ck-comment--info .ck-comment__content {
 		font-style: italic;
+		/* Override the default content styles that are inherited from `.ck-content`.
+		See https://github.com/ckeditor/ckeditor5/issues/18710 */
+		font-family: var(--ck-comment-content-font-family);
+		font-size: var(--ck-comment-content-font-size);
+		color: var(--ck-comment-content-font-color);
 	}
 
 /* Common styles for typography inside comment element and editable input.
@@ -604,6 +618,12 @@ We are styling resetting list-style because of parent <ul> element. */
 		--ck-focus-ring: none;
 		--ck-inner-shadow: none;
 
+		/* Override the default content styles that are inherited from `.ck-content`.
+		See https://github.com/ckeditor/ckeditor5/issues/18710 */
+		font-family: var(--ck-comment-content-font-family);
+		font-size: var(--ck-comment-content-font-size);
+		color: var(--ck-comment-content-font-color);
+
 		padding: 0;
 		overflow: visible;
 		border: 0;
@@ -874,9 +894,9 @@ See: ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css. *
 .ck .ck-annotation__main p {
 	margin: 0;
 
-	/* We need it to prevent `.ck.ck-reset` ovverride. */
+	/* We need it to prevent `.ck.ck-reset` override. */
 	white-space: normal;
-	font-size: var(--ck-font-size-base);
+	font-size: var(--ck-comment-content-font-size);
 
 	/* TODO: refactor this value later. */
 	line-height: 1.5em;