Merge pull request #47 from couchbase/ui-bug-fixes

amarantha-k · web-flow · commit d42c400ea126 · 2020-06-30T02:25:59.000-07:00
Set max width for image
diff --git a/src/css/doc.css b/src/css/doc.css
@@ -385,6 +385,8 @@ ul ul ul {
   /* padding-left: var(--base-space); */
   box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
   border-radius: 5px;
+  align-items: center;
+  max-width: var(--image-block-container);
 }
 
 .doc .imageblock img {
diff --git a/src/css/main.css b/src/css/main.css
@@ -64,7 +64,7 @@ main p {
   color: var(--color-brand-blue-secondary);
 }
 
-.article-banner p .fab {
+.article-banner p svg {
   margin-right: 10px;
   font-size: var(--heading-h3);
 }
diff --git a/src/css/vars.css b/src/css/vars.css
@@ -132,4 +132,9 @@
   --heading-h2-sm: 1.75rem; /* ~28px */
   --heading-h3-sm: 1.25rem; /* ~20px */
   --heading-h4-sm: 0.875rem; /* ~14px */
+
+  /* --image-block-max width */
+
+  --image-block-container: 64rem; /* ~ 1024px  */
+
 }

Original file line number	Diff line number	Diff line change
`@@ -385,6 +385,8 @@ ul ul ul {`
`385`	`385`	`/* padding-left: var(--base-space); */`
`386`	`386`	`box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);`
`387`	`387`	`border-radius: 5px;`
	`388`	`+ align-items: center;`
	`389`	`+ max-width: var(--image-block-container);`
`388`	`390`	`}`
`389`	`391`
`390`	`392`	`.doc .imageblock img {`
Original file line number	Diff line number	Diff line change
`@@ -64,7 +64,7 @@ main p {`
`64`	`64`	`color: var(--color-brand-blue-secondary);`
`65`	`65`	`}`
`66`	`66`
`67`		`-.article-banner p .fab {`
	`67`	`+.article-banner p svg {`
`68`	`68`	`margin-right: 10px;`
`69`	`69`	`font-size: var(--heading-h3);`
`70`	`70`	`}`