Influxdata
/
docs-v2
mirror of https://github.com/influxdata/docs-v2.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix(api): align dual download button SVGs and styles with single.html

claude/api-code-samples-plan-MEkQO
Jason Stirnaman 2026-02-06 11:03:19 -06:00
parent ad91a34b1c
commit 41b23f5810
1 changed files with 8 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
layouts/api/list.html
View File

@ -35,18 +35,16 @@ param) - shows RapiDoc with all operations for the tag For conceptual pages
{{ if or (eq $version "clustered") (eq $version "cloud-dedicated") }}
<div class="api-spec-actions api-spec-actions--dual">
<a href="/openapi/influxdb-{{ $version }}-v2-data-api.yml" class="btn api-spec-download" download>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
<polyline points="7 10 12 15 17 10"></polyline>
<line x1="12" y1="15" x2="12" y2="3"></line>
<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true">
<path d="M8 12L3 7h3V2h4v5h3L8 12z"/>
<path d="M1 14h14v2H1v-2z"/>
</svg>
Download Data API Spec
</a>
<a href="/openapi/influxdb-{{ $version }}-management-api.yml" class="btn api-spec-download" download>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
<polyline points="7 10 12 15 17 10"></polyline>
<line x1="12" y1="15" x2="12" y2="3"></line>
<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true">
<path d="M8 12L3 7h3V2h4v5h3L8 12z"/>
<path d="M1 14h14v2H1v-2z"/>
</svg>
Download Management API Spec
</a>
@ -204,52 +202,12 @@ param) - shows RapiDoc with all operations for the tag For conceptual pages
}
}
/* Dual download buttons for Clustered/Cloud Dedicated */
/* Dual download buttons container for Clustered/Cloud Dedicated */
.api-spec-actions--dual {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin: 1.5rem 0;
}
.api-spec-actions--dual .api-spec-download {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.625rem 1rem;
font-size: 0.875rem;
font-weight: 500;
color: #545667;
background-color: #f5f6f7;
border: 1px solid #d0d4d9;
border-radius: 6px;
text-decoration: none;
transition: all 0.15s ease;
}
.api-spec-actions--dual .api-spec-download:hover {
background-color: #e8eaed;
border-color: #b4b8be;
color: #2e3039;
}
.api-spec-actions--dual .api-spec-download svg {
flex-shrink: 0;
}
/* Dark mode for dual download buttons */
[data-theme='dark'] .api-spec-actions--dual .api-spec-download,
html:has(link[title='dark-theme']:not([disabled])) .api-spec-actions--dual .api-spec-download {
color: #b4b6bc;
background-color: #2a2d35;
border-color: #454952;
}
[data-theme='dark'] .api-spec-actions--dual .api-spec-download:hover,
html:has(link[title='dark-theme']:not([disabled])) .api-spec-actions--dual .api-spec-download:hover {
background-color: #353840;
border-color: #5a5f69;
color: #e0e2e6;
margin: 1rem 0;
}
/* Responsive - stack buttons on smaller screens */