'moving scrollToTop css code from assets/scss/_registry.scss to asset…

…s/scss/_styles_project.scss
open-telemetry · Nov 19, 2024 · 2d93e09 · 2d93e09
1 parent 2a306b2
commit 2d93e09
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 21 deletions.
diff --git a/assets/scss/_registry.scss b/assets/scss/_registry.scss
@@ -39,21 +39,3 @@
 .registry-entry {
   @extend .shadow;
 }
-
-// Scroll-to-top button styling
-.scroll-container {
-  text-align: center;
-  margin-top: 20px;
-}
-
-.scroll-btn {
-  background-color: #007bff;
-  color: white;
-  bottom: 40px;
-  right: 40px;
-  display: none;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-  z-index: 1000;
-  border-radius: 50%;
-  position: fixed;
-}
diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
@@ -32,6 +32,7 @@
 
     > li {
       display: inline;
+
       > a {
         @extend .btn;
         margin: 0.25rem;
@@ -47,7 +48,9 @@
 .l-get-started-buttons {
   @extend .l-buttons;
 
-  > ul > li > a /*, > p > a*/ {
+  >ul>li>a
+
+  /*, > p > a*/ {
     @extend .btn-lg;
     @extend .btn-secondary;
   }
@@ -67,7 +70,9 @@
   @extend .l-buttons;
   justify-content: left;
 
-  > ul > li > a /*, > p > a*/ {
+  >ul>li>a
+
+  /*, > p > a*/ {
     @extend .btn-lg;
     @extend .btn-primary;
     padding: 20px;
@@ -80,7 +85,9 @@
   @extend .l-buttons;
   justify-content: left;
 
-  > ul > li > a /*, > p > a*/ {
+  >ul>li>a
+
+  /*, > p > a*/ {
     @extend .btn-lg;
     @extend .btn-secondary;
     padding: 20px;
@@ -95,9 +102,11 @@
     @include media-breakpoint-up(md) {
       padding: 0;
     }
+
     svg {
       height: 48px;
     }
+
     .navbar-brand__name {
       display: none;
     }
@@ -127,6 +136,7 @@
 
     a {
       color: white;
+
       &.external-link:after {
         display: none;
       }
@@ -192,6 +202,7 @@
 
     summary {
       display: block;
+
       &::-webkit-details-marker {
         display: none;
       }
@@ -226,9 +237,11 @@
     .td-byline {
       margin: 0 !important;
     }
+
     .article-meta {
       margin: 0;
     }
+
     p:first-of-type {
       @extend .small;
       opacity: 0.65;
@@ -327,3 +340,21 @@ details {
     overflow-y: auto;
   }
 }
+
+// Scroll-to-top button styling
+.scroll-container {
+  text-align: center;
+  margin-top: 20px;
+}
+
+.scroll-btn {
+  background-color: #007bff;
+  color: white;
+  bottom: 40px;
+  right: 40px;
+  display: none;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  z-index: 1000;
+  border-radius: 50%;
+  position: fixed;
+}