Chore: Site to include breadcrumb via site-helpers v1.3.0

cerner · Sep 8, 2019 · e0cd189 · e0cd189
1 parent 657aa1f
commit e0cd189
Show file tree

Hide file tree

Showing 7 changed files with 354 additions and 512 deletions.
diff --git a/build/karma/karma.config.js b/build/karma/karma.config.js
@@ -38,7 +38,7 @@ module.exports = function(config) {
             stats: "errors-only"
         },
         parallelOptions: {
-            executors: 4,
+            executors: 3,
             shardStrategy: "round-robin"
         },
         webpack: {

diff --git a/dev/app.js b/dev/app.js
@@ -148,7 +148,7 @@ renderSiteApp(
                     pathname: "/line/custom-legend-placement",
                     content: (id) => {
                         createElementLegendBindTo(id);
-                        renderLineLegendTo(id);
+                        return renderLineLegendTo(id);
                     },
                     title: "Custom Legend Placement"
                 },
@@ -366,7 +366,7 @@ renderSiteApp(
                     pathname: "/pie/custom-legend-placement",
                     content: (id) => {
                         createElementLegendBindTo(id);
-                        renderPieLegendTo(id);
+                        return renderPieLegendTo(id);
                     },
                     title: "Custom Legend Placement"
                 }

diff --git a/dev/app.less b/dev/app.less
@@ -6,7 +6,7 @@
 
 .bindto-container {
     display: flex;
-    align-items: center;
+    width: 100%;
 
     .legend-bindto-container {
         width: 20%;
@@ -86,3 +86,7 @@
     left: 0;
     z-index: 1200;
 }
+
+.shape-container {
+    width: 100%;
+}
diff --git a/dev/examples/controls/colors.js b/dev/examples/controls/colors.js
@@ -4,6 +4,7 @@ import { vector } from "../helpers";
 
 export const renderColorsExample = (id) => {
     const sect = document.createElement("section");
+    sect.setAttribute("class", "shape-container");
     const svgElement = vector.render(sect, id, "0 0 1080 150");
     document.querySelector(`#${id}`).appendChild(sect);
     d3.select(svgElement)

diff --git a/dev/examples/controls/shapes.js b/dev/examples/controls/shapes.js
@@ -29,6 +29,7 @@ const constructSVGObject = (shape, { posX = 1, posY = 1, scale = 2 }) => {
 
 export const renderShapesSimple = (id) => {
     const sect = document.createElement("section");
+    sect.setAttribute("class", "shape-container");
     const svgElement = vector.render(sect, id, viewBoxSize);
     document.querySelector(`#${id}`).appendChild(sect);
     getShapesSplit(Carbon.helpers.SHAPES.DARK).forEach((s, pos) => {
@@ -53,6 +54,7 @@ export const renderShapesSimple = (id) => {
 };
 export const renderCriticalityShapes = (id) => {
     const sect = document.createElement("section");
+    sect.setAttribute("class", "shape-container");
     const svgElement = vector.render(sect, id, viewBoxSize);
     document.querySelector(`#${id}`).appendChild(sect);
     getShapesSplit(Carbon.helpers.SHAPES.DARK).forEach((s, pos) => {
@@ -97,6 +99,7 @@ export const renderCriticalityShapes = (id) => {
 };
 export const renderShapesSimpleLight = (id) => {
     const sect = document.createElement("section");
+    sect.setAttribute("class", "shape-container");
     const svgElement = vector.render(sect, id, viewBoxSize);
     document.querySelector(`#${id}`).appendChild(sect);
     getShapesSplit(Carbon.helpers.SHAPES.LIGHT).forEach((s, pos) => {
@@ -121,6 +124,7 @@ export const renderShapesSimpleLight = (id) => {
 };
 export const renderCriticalityShapesLight = (id) => {
     const sect = document.createElement("section");
+    sect.setAttribute("class", "shape-container");
     const svgElement = vector.render(sect, id, viewBoxSize);
     document.querySelector(`#${id}`).appendChild(sect);
     getShapesSplit(Carbon.helpers.SHAPES.LIGHT).forEach((s, pos) => {