docs: fix overlapping of open in playground button (eslint#17403)

* docs: fix overlapping of open play button * docs: update px to rem * docs: open play btn style change for mobile size
Ryan-Dia · Jul 25, 2023 · 6d6dc51 · 6d6dc51
1 parent 509f753
commit 6d6dc51
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/docs/src/assets/scss/docs.scss b/docs/src/assets/scss/docs.scss
@@ -112,6 +112,10 @@ div.incorrect {
         offset-inline-end: -22px;
         offset-block-start: -22px;
     }
+
+    pre.line-numbers-mode {
+        padding-bottom: 4.5rem;
+    }
 }
 
 div.correct {
@@ -142,10 +146,8 @@ pre[class*="language-"] {
 .c-btn.c-btn--playground {
     position: absolute;
     font-size: var(--step--1);
-    bottom: -1rem;
+    bottom: 1rem;
     right: 1rem;
-    offset-block-end: 0.5rem;
-    offset-inline-end: 0.5rem;
     z-index: 1;
 
     @media all and (min-width: 768px) {
@@ -166,6 +168,7 @@ pre[class*="language-"] {
     position: fixed;
     right: 50px;
     bottom: 35px;
+    z-index: 1;
     font-size: 1.5rem;
     border-radius: 50%;
     color: var(--body-background-color);