diff --git a/adev/src/app/features/references/api-reference-list/api-reference-list.component.html b/adev/src/app/features/references/api-reference-list/api-reference-list.component.html index 55e593435e2..50192906de7 100644 --- a/adev/src/app/features/references/api-reference-list/api-reference-list.component.html +++ b/adev/src/app/features/references/api-reference-list/api-reference-list.component.html @@ -3,6 +3,11 @@
Getting Started

API Reference

+ + @if (featuredGroup().items.length) { + + } +
- @if (featuredGroup().items.length) { - - } @for (group of filteredGroups(); track group) { } - Deprecated diff --git a/adev/src/app/features/references/api-reference-list/api-reference-list.component.scss b/adev/src/app/features/references/api-reference-list/api-reference-list.component.scss index af8d353053a..52764cb0d68 100644 --- a/adev/src/app/features/references/api-reference-list/api-reference-list.component.scss +++ b/adev/src/app/features/references/api-reference-list/api-reference-list.component.scss @@ -77,8 +77,9 @@ justify-content: flex-start; flex-wrap: wrap-reverse; gap: 1.5rem; - padding-block-start: 0; + padding-block-start: 1.5rem; padding-block-end: 2rem; + border-block: 1px solid var(--senary-contrast); } .adev-reference-list-form-part-two { @@ -89,15 +90,10 @@ .adev-featured-list { display: block; - padding-block-end: 2rem; - padding-block-start: 1.5rem; + padding-block-end: 1rem; margin-block: 1rem; - border-block: 1px solid var(--senary-contrast); -} - - -.docs-deprecated-description { - display: none; + border-top: 0; + margin-top: -1.5rem; } .docs-api-item-label-full { diff --git a/adev/src/app/features/references/api-reference-list/api-reference-manager.service.ts b/adev/src/app/features/references/api-reference-list/api-reference-manager.service.ts index da501353883..9fcd24e1b70 100644 --- a/adev/src/app/features/references/api-reference-list/api-reference-manager.service.ts +++ b/adev/src/app/features/references/api-reference-list/api-reference-manager.service.ts @@ -14,7 +14,7 @@ import {ApiItemsGroup} from '../interfaces/api-items-group'; import {ApiManifest} from '../interfaces/api-manifest'; export const FEATURED_API_ITEMS_KEY = 'apiFeaturedItems'; -export const FEATURED_GROUP_TITLE = 'Featured'; +export const FEATURED_GROUP_TITLE = 'Most Common'; export type FeaturedItemsByGroup = Record;