Selaa lähdekoodia

Merge pull request #1254 from ckeditor/t/1247

Docs: Updated build screenshots in Builds/Overview. Updated page styles to prevent toolbar wrapping in the document editor sample. See #1247.
Piotrek Koszuliński 7 vuotta sitten
vanhempi
commit
2a4188178e

BIN
docs/assets/img/editor-balloon.png


BIN
docs/assets/img/editor-classic.png


BIN
docs/assets/img/editor-document.png


+ 6 - 0
docs/assets/snippet-styles.css

@@ -18,6 +18,12 @@
 	margin-bottom: 0;
 }
 
+/* Override default Umberto's styles because they apply margins to media embed widgets with iframe
+previews breaking their structure. */
+.ck.ck-content iframe {
+	margin: initial;
+}
+
 /* Reset h1's styling – https://github.com/ckeditor/ckeditor5-heading/issues/86 */
 .ck.ck-content h1 {
 	display: block;

+ 4 - 2
docs/assets/styles.css

@@ -7,7 +7,7 @@
 	/* https://github.com/ckeditor/ckeditor5/issues/1077 */
 	.main .main__content .main__content-inner,
 	.main .main__content-wide .main__content-inner {
-		width: 800px;
+		width: 840px;
 	}
 }
 
@@ -17,6 +17,8 @@
 	.main .main__content .main__content-inner,
 	.main .main__content-wide .main__content-inner {
 		max-width: 900px;
+		padding-left: 30px;
+		padding-right: 30px
 	}
 }
 
@@ -27,7 +29,7 @@
 	}
 
 	.main .main__content-wide .main__content-inner {
-		max-width: 800px;
+		max-width: 840px;
 	}
 }
 

+ 1 - 1
docs/builds/guides/overview.md

@@ -60,7 +60,7 @@ To try it out online, check the {@link examples/builds/balloon-editor balloon ed
 
 The document editor is focused on rich text editing experience similar to the native word processors. It works best for creating documents which are usually later printed or exported to PDF files.
 
-{@img assets/img/editor-document.png 800 Screenshot of the user interface of the document editor.}
+{@img assets/img/editor-document.png 843 Screenshot of the user interface of the document editor.}
 
 To try it out online, check the {@link examples/builds/document-editor document editor example}. Jump to {@link builds/guides/quick-start#document-editor Quick start} to start using it.