Merge pull request #180 from mbagalwa/feat/jump-to-top-overlap

danbaruka · web-flow · commit 1a5ba3c89dab · 2026-03-06T15:53:11.000+04:00
fix: move DevEx Sessions button further left on desktop
diff --git a/website/src/components/MeetupReminderButton/styles.module.css b/website/src/components/MeetupReminderButton/styles.module.css
@@ -13,7 +13,7 @@
   display: flex;
   align-items: center;
   gap: 0.5rem;
-  padding: 0.875rem 1.25rem;
+  padding: 0.7rem 1.25rem;
   background: var(--ifm-color-primary);
   color: white;
   border: none;
@@ -576,10 +576,10 @@
 }
 
 
-/* Desktop (≥768px): DevEx Sessions (Meetup) at bottom-right corner, to the right of Jump to Top, same baseline */
+/* Desktop (≥768px): DevEx Sessions (Meetup) shifted left from the right edge, same baseline as Jump to Top */
 @media (min-width: 768px) {
   .container {
-    right: 2rem;
+    right: 6rem;
     bottom: 2rem;
   }
 }
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
@@ -998,7 +998,7 @@ html[data-theme='dark'] .searchBar .dropdownMenu svg {
 /* Jump to Top to the left of DevEx Sessions (Meetup), same baseline */
 @media (min-width: 767px) {
   .theme-back-to-top-button {
-    bottom: 2.2rem !important;
-    right: 11rem !important;
+    bottom: 2rem !important;
+    right: 2.5rem !important;
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@`
`13`	`13`	`display: flex;`
`14`	`14`	`align-items: center;`
`15`	`15`	`gap: 0.5rem;`
`16`		`- padding: 0.875rem 1.25rem;`
	`16`	`+ padding: 0.7rem 1.25rem;`
`17`	`17`	`background: var(--ifm-color-primary);`
`18`	`18`	`color: white;`
`19`	`19`	`border: none;`
`@@ -576,10 +576,10 @@`
`576`	`576`	`}`
`577`	`577`
`578`	`578`
`579`		`-/* Desktop (≥768px): DevEx Sessions (Meetup) at bottom-right corner, to the right of Jump to Top, same baseline */`
	`579`	`+/* Desktop (≥768px): DevEx Sessions (Meetup) shifted left from the right edge, same baseline as Jump to Top */`
`580`	`580`	`@media (min-width: 768px) {`
`581`	`581`	`.container {`
`582`		`- right: 2rem;`
	`582`	`+ right: 6rem;`
`583`	`583`	`bottom: 2rem;`
`584`	`584`	`}`
`585`	`585`	`}`
Original file line number	Diff line number	Diff line change
`@@ -998,7 +998,7 @@ html[data-theme='dark'] .searchBar .dropdownMenu svg {`
`998`	`998`	`/* Jump to Top to the left of DevEx Sessions (Meetup), same baseline */`
`999`	`999`	`@media (min-width: 767px) {`
`1000`	`1000`	`.theme-back-to-top-button {`
`1001`		`- bottom: 2.2rem !important;`
`1002`		`- right: 11rem !important;`
	`1001`	`+ bottom: 2rem !important;`
	`1002`	`+ right: 2.5rem !important;`
`1003`	`1003`	`}`
`1004`	`1004`	`}`