cosmos-docusaurus-theme 1.1.3 → 1.1.4

package/CHANGELOG.md

@@ -7,6 +7,14 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 
 ---
 
+## [1.1.4] — 2026-03-10
+
+### Fixed
+
+- Tooltip now appears **below** the toggle button instead of above (was clipped
+  by the top of the viewport since the navbar sits at the very top of the page)
+- Arrow direction corrected accordingly (points up toward the button)
+
 ## [1.1.3] — 2026-03-10
 
 ### Added

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cosmos-docusaurus-theme",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "A clean, dark-first Docusaurus CSS theme based on TailAdmin design system with Outfit typography",
   "keywords": [
     "docusaurus",

package/src/css/theme.css

@@ -177,7 +177,7 @@ button[aria-label*="dark and light mode"] {
 button[aria-label*="dark and light mode"]::after {
   content: attr(title);
   position: absolute;
-  bottom: calc(100% + 10px);
+  top: calc(100% + 10px);
   left: 50%;
   transform: translateX(-50%);
   padding: 5px 10px;
@@ -195,15 +195,15 @@ button[aria-label*="dark and light mode"]::after {
   z-index: 100;
 }
 
-/* Arrow pointing down from tooltip */
+/* Arrow pointing up toward button */
 button[aria-label*="dark and light mode"]::before {
   content: '';
   position: absolute;
-  bottom: calc(100% + 4px);
+  top: calc(100% + 4px);
   left: 50%;
   transform: translateX(-50%);
   border: 5px solid transparent;
-  border-top-color: #1f2937;
+  border-bottom-color: #1f2937;
   pointer-events: none;
   opacity: 0;
   transition: opacity 0.15s ease;
@@ -223,7 +223,8 @@ button[aria-label*="dark and light mode"]:hover::before {
 }
 
 [data-theme='light'] button[aria-label*="dark and light mode"]::before {
-  border-top-color: #e5e7eb;
+  border-bottom-color: #e5e7eb;
+  border-top-color: transparent;
 }
 
 /* ── Navbar ──────────────────────────────────────────────────────────────── */