Skip to content

DOC-13935 new page-capella-type for AI and app-services #196

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
osfameron merged 4 commits into from
Mar 20, 2026
Merged

DOC-13935 new page-capella-type for AI and app-services #196

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
85b5ae4
DOC-13935 new page-capella-type for AI and app-services
osfameron Jan 23, 2026
a7bbe65
missing hyphen
osfameron Jan 23, 2026
57672c5
Update src/partials/labels.hbs
osfameron Mar 20, 2026
19058a0
fa-mobile
osfameron Mar 20, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 15 additions & 1 deletion src/css/labels.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -126,7 +126,7 @@
opacity: 0.6;
}

/* Capella types: columnar vs operational */
/* Capella types: columnar, operational, ai, app-services */
Copy link

Copilot AI Jan 23, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Extra space between 'columnar,' and 'operational' - should be single space for consistency.

Suggested change
/* Capella types: columnar, operational, ai, app-services */
/* Capella types: columnar, operational, ai, app-services */

Copilot uses AI. Check for mistakes.
.doc .columnar {
color: var(--color-brand-caution);
border: 1px solid var(--color-brand-caution);
Expand All @@ -141,6 +141,20 @@
opacity: 0.6;
}

.doc .app-services {
color: var(--color-brand-purple-secondary);
border: 1px solid var(--color-brand-purple-secondary);
border-radius: 3px;
opacity: 0.6;
}

.doc .ai {
color: var(--color-brand-green-secondary);
border: 1px solid var(--color-brand-green-secondary);
border-radius: 3px;
opacity: 0.6;
}

.doc .edition.page-edition {
color: #999;
border: 1px solid #999;
Expand Down
2 changes: 2 additions & 0 deletions src/css/vars.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,8 @@
--color-link: var(--color-brand-blue-secondary);
--color-link-active: var(--color-brand-blue-secondary-light);
--color-link-hover: var(--color-brand-blue-secondary-extra-light);
--color-brand-green-secondary: #366407;
--color-brand-purple-secondary: #76309e;

/* legacy secondary */
--color-blue-rgb: 87, 160, 255;
Expand Down
2 changes: 1 addition & 1 deletion src/js/vendor/fontawesome-icon-defs.js
View file
Open in desktop

Large diffs are not rendered by default.

8 changes: 8 additions & 0 deletions src/partials/labels.hbs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,14 @@
<li class="columnar">
<i class="fas fa-chart-line"></i>
Capella Analytics</li>
{{else if (eq this "AI")}}
Copy link

@Rebecca-Martinez007 Rebecca-Martinez007 Mar 20, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I just realized we need this to be "AI" to match with antora.yaml right?

How would we get the label to be "Capella AI Services"? In the local images shared, it says "Capella AI"

Copy link
Contributor

@sarahlwelton sarahlwelton Mar 20, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You're commenting on the wrong line of code :)

Copy link
Contributor Author

@osfameron osfameron Mar 20, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

that is just the value of :page-capella-type: e.g. https://github.com/couchbaselabs/docs-ai/blob/main/antora.yml#L11

<li class="ai">
<i class="fas fa-sparkles"></i>
Capella AI Services</li>
{{else if (eq this "App Services")}}
<li class="app-services">
<i class="fas fa-mobile"></i>
Capella App Services</li>
{{else}}
<li class="operational">
<i class="fas fa-database"></i>
Expand Down
Loading