feat(clay-css): Forms Clay Multiselect .form-control-tag-group shou…

…ld have Clear All button and be aligned in the middle feat(clay-css): Forms added Sass map `$form-control-tag-group-input-group-item` to style `.form-control-tag-group .input-group-item` issue #2335
liferay · Sep 5, 2019 · 3df613c · 3df613c
1 parent 092f2d9
commit 3df613c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/packages/clay-css/src/scss/components/_forms.scss b/packages/clay-css/src/scss/components/_forms.scss
@@ -194,6 +194,10 @@ div {
 		@include clay-container($form-control-tag-group-autofit-col);
 	}
 
+	.input-group-item {
+		@include clay-container($form-control-tag-group-input-group-item);
+	}
+
 	.inline-item {
 		@include clay-container($form-control-tag-group-inline-item);
 	}

diff --git a/packages/clay-css/src/scss/variables/_forms.scss b/packages/clay-css/src/scss/variables/_forms.scss
@@ -87,7 +87,7 @@ $form-control-tag-group: map-merge((
 
 $form-control-tag-group-autofit-row: () !default;
 $form-control-tag-group-autofit-row: map-merge((
-		align-items: flex-end,
+		align-items: center,
 		flex-grow: 1,
 		margin-left: -0.5rem,
 		margin-right: -0.5rem,
@@ -100,6 +100,11 @@ $form-control-tag-group-autofit-col: map-merge((
 	padding-right: 0.5rem,
 ), $form-control-tag-group-autofit-col);
 
+$form-control-tag-group-input-group-item: () !default;
+$form-control-tag-group-input-group-item: map-merge((
+	align-items: flex-start,
+), $form-control-tag-group-input-group-item);
+
 $form-control-tag-group-inline-item: () !default;
 $form-control-tag-group-inline-item: map-merge((
 	height: $form-control-inset-min-height,