fix(community-tabs): remove overlow-hidden

this will fix issue where content is being cut off in tabs
telus · Mar 17, 2021 · d8e0e0d · d8e0e0d
1 parent 0fb4bec
commit d8e0e0d
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 4 deletions.
diff --git a/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap b/packages/Tabs/__tests__/__snapshots__/Tabs.spec.jsx.snap
@@ -82,7 +82,6 @@ exports[`Tabs renders 1`] = `
 }
 
 .c0 {
-  overflow: hidden;
   padding-top: 6px;
 }
 
@@ -408,7 +407,7 @@ exports[`Tabs renders 1`] = `
             "isStatic": false,
             "lastClassName": "c0",
             "rules": Array [
-              "overflow:hidden;padding-top:6px;> div{position:relative;}.react-tabs__tab-list{padding:2px 0 0 0;}.react-tabs__tab{display:inline-flex;cursor:pointer;margin:0 2px;@media (min-width:768px){margin:0 6px;}min-height:45px;min-width:44px;text-align:center;position:relative;&:active,&.react-tabs__tab--selected{h4{text-shadow:0px 0px 1px ",
+              "padding-top:6px;> div{position:relative;}.react-tabs__tab-list{padding:2px 0 0 0;}.react-tabs__tab{display:inline-flex;cursor:pointer;margin:0 2px;@media (min-width:768px){margin:0 6px;}min-height:45px;min-width:44px;text-align:center;position:relative;&:active,&.react-tabs__tab--selected{h4{text-shadow:0px 0px 1px ",
               "#2a2c2e",
               ";}}&:focus{outline:none;}}.react-tabs__tab-panel{display:none;&.react-tabs__tab-panel--selected{display:block;margin-top:0;}}",
               [Function],
@@ -507,7 +506,6 @@ exports[`Tabs renders 1`] = `
 }
 
 .c0 {
-  overflow: hidden;
   padding-top: 6px;
 }
 

diff --git a/packages/Tabs/styles.jsx b/packages/Tabs/styles.jsx
@@ -2,7 +2,6 @@ import { colorWhite, colorGreyGainsboro, colorGreyShark, colorGreyRaven } from '
 import styled, { css } from 'styled-components'
 
 export const TabsContainer = styled.div`
-  overflow: hidden;
   padding-top: 6px;
   > div {
     position: relative;