diff --git a/adev/shared-docs/components/search-dialog/search-dialog.component.html b/adev/shared-docs/components/search-dialog/search-dialog.component.html index 783b5d957f9..b9ff5129ed3 100644 --- a/adev/shared-docs/components/search-dialog/search-dialog.component.html +++ b/adev/shared-docs/components/search-dialog/search-dialog.component.html @@ -27,14 +27,16 @@ - - - @if (result.package) { - - } + + + + @if (result.package) { + + } +

@if (result.subLabelHtml) { diff --git a/adev/shared-docs/components/search-dialog/search-dialog.component.scss b/adev/shared-docs/components/search-dialog/search-dialog.component.scss index 03f5d58578a..ac9c543518e 100644 --- a/adev/shared-docs/components/search-dialog/search-dialog.component.scss +++ b/adev/shared-docs/components/search-dialog/search-dialog.component.scss @@ -46,6 +46,7 @@ dialog { .docs-search-result-icon { display: inline-block; + flex-shrink: 0; i { display: flex; @@ -91,7 +92,20 @@ dialog { &__label { font-weight: 600; - flex-wrap: wrap; + + &__text { + display: flex; + flex-wrap: wrap; + align-items: baseline; + gap: 0.25rem 0.5rem; + flex: 1; + min-width: 0; + overflow-wrap: break-word; + + > * { + min-width: 0; + } + } &__package { font-size: 0.75rem;