Docs: Fix Nav Bar and wrong command in docs (#2889)

This commit is contained in:
Rizel Scarlett
2025-06-12 17:35:51 -04:00
committed by GitHub
parent d8ee167ff0
commit d5aafffcb4
2 changed files with 44 additions and 5 deletions

View File

@@ -70,11 +70,6 @@ export GOOSE_CONTEXT_STRATEGY=clear # Automatically clear session
export GOOSE_CONTEXT_STRATEGY=prompt # Always prompt user (default) export GOOSE_CONTEXT_STRATEGY=prompt # Always prompt user (default)
``` ```
Or configure it permanently:
```bash
goose configure set GOOSE_CONTEXT_STRATEGY summarize
```
**Default behavior:** **Default behavior:**
- **Interactive mode**: Prompts user to choose (equivalent to `prompt`) - **Interactive mode**: Prompts user to choose (equivalent to `prompt`)
- **Headless mode** (`goose run`): Automatically summarizes (equivalent to `summarize`) - **Headless mode** (`goose run`): Automatically summarizes (equivalent to `summarize`)

View File

@@ -301,9 +301,17 @@ html[data-theme="light"] .hide-in-light {
border-bottom: 1px solid var(--border-divider); border-bottom: 1px solid var(--border-divider);
} }
/* Smooth transitions for navbar items */
.navbar__item { .navbar__item {
display: flex; display: flex;
align-items: center; align-items: center;
transition: opacity 0.3s ease, transform 0.3s ease;
}
.navbar__toggle {
transition: opacity 0.3s ease, transform 0.3s ease;
opacity: 0;
transform: scale(0.8);
} }
/* Dropdown styles */ /* Dropdown styles */
@@ -329,6 +337,42 @@ html[data-theme="light"] .hide-in-light {
margin-left: 8px !important; margin-left: 8px !important;
} }
/* Force hamburger menu to appear earlier to prevent navbar overlap with smooth transitions */
@media (max-width: 1350px) {
.navbar__item {
opacity: 0;
transform: translateX(-10px);
pointer-events: none;
/* Use visibility instead of display for smoother transitions */
visibility: hidden;
}
.navbar__toggle {
opacity: 1 !important;
transform: scale(1) !important;
display: inherit !important;
}
.navbar-sidebar {
display: block;
}
}
/* Ensure navbar items are visible above the breakpoint */
@media (min-width: 1351px) {
.navbar__item {
opacity: 1;
transform: translateX(0);
pointer-events: auto;
visibility: visible;
}
.navbar__toggle {
opacity: 0;
transform: scale(0.8);
}
}
.carousel-image { .carousel-image {
width: 100%; /* Make the image fill the width */ width: 100%; /* Make the image fill the width */
object-fit: cover; /* Ensure the image covers the area while maintaining aspect ratio */ object-fit: cover; /* Ensure the image covers the area while maintaining aspect ratio */