fix(tabs): container size wrong (#11556)

ariellalgilmore · kennylam · web-flow · commit b520fc4a7b8d · 2024-02-19T20:34:31.000-05:00
* fix(tabs): container size wrong

* fix(tabs-extended-media): spacing

---------

Co-authored-by: kennylam &lt;909118+kennylam@users.noreply.github.com&gt;
diff --git a/packages/carbon-web-components/src/components/tabs/tabs.scss b/packages/carbon-web-components/src/components/tabs/tabs.scss
@@ -28,7 +28,7 @@ $inset-transition: inset 110ms motion(standard, productive);
     overflow: scroll;
     flex: 1 1 0%;
     // for some reason, overflow: hidden shrinks the content
-    block-size: $spacing-09;
+    block-size: $spacing-08;
     scrollbar-width: none;
 
     &::-webkit-scrollbar {
diff --git a/packages/styles/scss/components/tabs-extended-media/_tabs-extended-media.scss b/packages/styles/scss/components/tabs-extended-media/_tabs-extended-media.scss
@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -59,3 +59,8 @@
     }
   }
 }
+
+:host(#{$c4d-prefix}-tabs-extended-media[type='contained'])
+  .#{$prefix}--tabs-nav-content-container {
+  block-size: $spacing-09;
+}

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`/**`
`2`		`- * Copyright IBM Corp. 2016, 2023`
	`2`	`+ * Copyright IBM Corp. 2016, 2024`
`3`	`3`	`*`
`4`	`4`	`* This source code is licensed under the Apache-2.0 license found in the`
`5`	`5`	`* LICENSE file in the root directory of this source tree.`
`@@ -59,3 +59,8 @@`
`59`	`59`	`}`
`60`	`60`	`}`
`61`	`61`	`}`
	`62`	`+`
	`63`	`+:host(#{$c4d-prefix}-tabs-extended-media[type='contained'])`
	`64`	`+ .#{$prefix}--tabs-nav-content-container {`
	`65`	`+ block-size: $spacing-09;`
	`66`	`+}`