fix(select): remove extended bg due to padding (#1168)

Vonage · Dec 23, 2021 · 0651e8f · 0651e8f
1 parent 7a8ae89
commit 0651e8f
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/components/select/src/vwc-select.scss b/components/select/src/vwc-select.scss
@@ -115,7 +115,7 @@ $vvd-select-size-block: --vvd-select-size-block;
 			transform: none;
 		}
 		&:not(.mdc-select--no-label) {
-			padding-top: 24px;
+			margin-top: 24px;
 		}
 	}
 	#{$vvd-select-size-block}: 40px;

diff --git a/ui-tests/snapshots/vwc-select.png b/ui-tests/snapshots/vwc-select.png
diff --git a/ui-tests/tests/vwc-select/index.js b/ui-tests/tests/vwc-select/index.js
@@ -53,6 +53,7 @@ export async function createElementVariations(wrapper) {
   </vwc-list-item>
 </vwc-select>
 <hr>
+<div style="background-color: rebeccapurple">
 	<vwc-select label="VWC Select" helper="Helper Text" dense>
   <vwc-list-item
     mwc-list-item=""
@@ -100,6 +101,7 @@ export async function createElementVariations(wrapper) {
     Item 3
   </vwc-list-item>
 </vwc-select de>
+</div>
 <hr>
 <div style="display: flex; align-items: flex-start;">
 <p style="margin: 0; padding-right: 1rem;">Dense-with label</p>