Change gtm scrollspy wrapper (#1547)

Co-authored-by: unknown <a.jakubowski@mdbootstrap.com>
mdbootstrap · Apr 12, 2023 · 391c4b0 · 391c4b0
1 parent 11e03fb
commit 391c4b0
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/site/layouts/docs/single.html b/site/layouts/docs/single.html
@@ -197,9 +197,9 @@
               <div class="hidden px-4 lg:block lg:w-1/5">
                 <menu class="sticky top-20">
                   <div
-                    class="relative mb-4 hidden h-[190px] delay-[0] duration-500 xl:block"
+                    class="relative mb-4 hidden h-[250px] delay-[0] duration-500 xl:block"
                     id="dpl-gtm-scroll">
-                    <div class="absolute h-full w-[170px]">
+                    <div class="absolute h-full w-[180px]">
                       <div
                         class="shadow-3 overflow-hidden rounded-lg border border-[rgba(133,214,251,0.3)]">
                         <span
@@ -211,13 +211,17 @@
                         <span
                           class="mx-2 mb-1 inline-block h-[20px] w-[80%] animate-[pulse_1s_ease-in-out_infinite] bg-[rgba(133,214,251,0.3)]"></span>
                         <span
-                          class="mx-2 mb-4 inline-block h-[20px] w-[70%] animate-[pulse_1s_ease-in-out_infinite] bg-[rgba(133,214,251,0.3)]"></span>
+                          class="mx-2 mb-2 inline-block h-[20px] w-[70%] animate-[pulse_1s_ease-in-out_infinite] bg-[rgba(133,214,251,0.3)]"></span>
+                        <span
+                          class="mx-2 mb-2 inline-block h-[20px] w-[50%] animate-[pulse_1s_ease-in-out_infinite] bg-[rgba(133,214,251,0.3)]"></span>
+                        <span
+                          class="mx-2 mb-2 inline-block h-[20px] w-[80%] animate-[pulse_1s_ease-in-out_infinite] bg-[rgba(133,214,251,0.3)]"></span>
                       </div>
                     </div>
                     <!-- Alert -->
                     <div
                       id="gtmDC-scroll-all"
-                      class="relative min-h-[1px] w-[170px]"></div>
+                      class="relative min-h-[1px] w-[180px]"></div>
                     <!-- Alert -->
                   </div>