Revised components diagram (#19897), fixed a fatal bug in Grid section.

Change-Id: I694f173f5a0133336d3325d1b511f40419be07c4

documentation/components/components-grid.asciidoc

@@ -255,7 +255,7 @@ grid.addCellClickListener(event ->
 The clicked grid cell is also automatically focused.
 
 The focus indication is themed so that the focused cell has a visible focus
-indicator style by default, while the row doesn't. You can enable row focus, as
+indicator style by default, while the row does not. You can enable row focus, as
 well as disable cell focus, in a custom theme. See <<components.grid.css>>.
 
 
@@ -507,11 +507,10 @@ bornColumn.setRenderer(
 +
 Optionally, a locale can be given. Otherwise, the default locale (in the
 component tree) is used.
-
 endif::web[]
 
-[classname]#HTMLRenderer#:: Renders the cell as HTML. This allows formatting cell content, as well as using
-HTML features such as hyperlinks.
+[classname]#HTMLRenderer#:: Renders the cell as HTML.
+This allows formatting the cell content, as well as using HTML features such as hyperlinks.
 
 ifdef::web[]
 +
@@ -523,7 +522,8 @@ Column<String> htmlColumn grid.addColumn(person ->
       "<a href='" + person.getDetailsUrl() + "' target='_top'>info</a>");
 htmlColumn.setRenderer(new HtmlRenderer());
 ----
-ifdef::web[]
+endif::web[]
+
 [classname]#NumberRenderer#:: Formats column values with a numeric type extending [classname]#Number#:
 [classname]#Integer#, [classname]#Double#, etc. The format can be specified
 either by the subclasses of [classname]#java.text.NumberFormat#, namely

documentation/components/components-overview.asciidoc

@@ -15,7 +15,7 @@ version of the diagram is featured in the __Vaadin Cheat Sheet__.
 
 [[figure.uicomponents]]
 .User Interface Component Class Hierarchy
-image::img/component-diagram-hi.png[]
+image::img/component-diagram-hi.png[width=100%, scaledwidth=100%]
 
 ((("[classname]#Component#")))
 At the top of the interface hierarchy, we have the [classname]#Component#
@@ -74,8 +74,3 @@ The diagram is also included in the six-page DZone Refcard, which you can find
 at https://vaadin.com/refcard.
 
 ====
-
-
-
-
-

documentation/components/original-drawings/Makefile

@@ -1,5 +1,5 @@
 IMAGES = slider-example1 field-interface-v8 field-diagram \
-	textfield-diagram
+	textfield-diagram component-diagram
 
 SRCIMAGES := $(foreach file, $(IMAGES), $(file).svg)
 TRGIMAGES_HI := $(foreach file, $(IMAGES), ../img/$(file)-hi.png)