Merge pull request #1101 from pattern-lab/fix/code-panel-overflow-fix

UIKit Fix: Code Panel Overflow Fix for Firefox
pattern-lab · Nov 22, 2019 · 9f4c1e6 · 9f4c1e6
2 parents 4954b28 + 378cf42
commit 9f4c1e6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 12 deletions.
diff --git a/packages/uikit-workshop/src/sass/pattern-lab.scss b/packages/uikit-workshop/src/sass/pattern-lab.scss
@@ -59,18 +59,8 @@
 .pl-c-code-copy-btn {
   display: inline-block;
   position: absolute;
-  top: 0.5rem;
+  top: 0.4rem;
   right: 0.5rem;
-
-  @supports (position: sticky){
-    transform: translateY(-0.7rem);
-    float: right;
-    position: sticky;
-    top: 1rem;
-    right: 0;
-    margin-top: -2rem;
-  }
-
   padding: 0.2rem 0.4rem;
   background-color: $pl-color-gray-07;
   color: $pl-color-gray-87;

diff --git a/packages/uikit-workshop/src/sass/scss/04-components/_tabs.scss b/packages/uikit-workshop/src/sass/scss/04-components/_tabs.scss
@@ -92,7 +92,7 @@
   display: flex;
   flex-basis: auto;
   -webkit-overflow-scrolling: touch;
-  height: 100%;
+  overflow-y: auto; // workaround to firefox background gradient overflow bug
 
   /**
      *  Tab content inside modal