diff --git a/src-ui/src/app/components/app-frame/global-search/global-search.component.html b/src-ui/src/app/components/app-frame/global-search/global-search.component.html index 4903611a6..6e952c4de 100644 --- a/src-ui/src/app/components/app-frame/global-search/global-search.component.html +++ b/src-ui/src/app/components/app-frame/global-search/global-search.component.html @@ -13,19 +13,23 @@ {{item[nameProp]}}
- @if (type !== 'workflow' && type !== 'customField' && type !== 'group' && type !== 'user') { - } diff --git a/src-ui/src/app/components/app-frame/global-search/global-search.component.scss b/src-ui/src/app/components/app-frame/global-search/global-search.component.scss index 0d9ad00df..411dfec65 100644 --- a/src-ui/src/app/components/app-frame/global-search/global-search.component.scss +++ b/src-ui/src/app/components/app-frame/global-search/global-search.component.scss @@ -62,3 +62,24 @@ form { .dropdown-item:has(button:focus) { background-color: var(--pngx-bg-alt); } + +.dropdown-item button { + transition: all 0.3s ease; + max-width: 2rem; + overflow: hidden; +} + +.dropdown-item button span { + opacity: 0; + transition: inherit; +} + +.dropdown-item:hover button, +.dropdown-item:has(button:focus) button { + max-width: 10rem; +} + +.dropdown-item:hover button span, +.dropdown-item:has(button:focus) span { + opacity: 1; +}