Merge pull request #816 from plotly/colorpicker-in2folds-size

dmt0 · web-flow · commit 3d82b4d7fade · 2019-01-09T20:54:01.000-05:00
Colorpicker in 2 fold fix
diff --git a/src/styles/components/widgets/_colorpicker.scss b/src/styles/components/widgets/_colorpicker.scss
@@ -98,8 +98,9 @@ $colorpicker-width: 185px;
 
 .fold .fold {
   .colorpicker__container {
-    width: calc(
-      #{$colorpicker-width} - var(--spacing-half-unit) - var(--spacing-half-unit)
-    );
+    width: calc(#{$colorpicker-width} - var(--spacing-half-unit) - var(--spacing-half-unit));
+  }
+  .colorpicker__outer {
+    width: calc(#{$colorpicker-width} - var(--spacing-half-unit) - var(--spacing-half-unit));
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -98,8 +98,9 @@ $colorpicker-width: 185px;`
`98`	`98`
`99`	`99`	`.fold .fold {`
`100`	`100`	`.colorpicker__container {`
`101`		`- width: calc(`
`102`		`- #{$colorpicker-width} - var(--spacing-half-unit) - var(--spacing-half-unit)`
`103`		`- );`
	`101`	`+ width: calc(#{$colorpicker-width} - var(--spacing-half-unit) - var(--spacing-half-unit));`
	`102`	`+ }`
	`103`	`+ .colorpicker__outer {`
	`104`	`+ width: calc(#{$colorpicker-width} - var(--spacing-half-unit) - var(--spacing-half-unit));`
`104`	`105`	`}`
`105`	`106`	`}`