yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

align search icon vertical (#18657)

Browse Source
This commit is contained in:
Niels Lyngsø
2025-03-12 21:23:41 +01:00
committed by GitHub
parent d3c6c87378
commit e337821d0e
3 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/Umbraco.Web.UI.Client/src/packages/core/picker/search/picker-search-field.element.ts
View File

@@ -5,8 +5,7 @@ import { html, customElement, state, nothing, css } from '@umbraco-cms/backoffic
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
const elementName = 'umb-picker-search-field';
@customElement(elementName)
@customElement('umb-picker-search-field')
export class UmbPickerSearchFieldElement extends UmbLitElement {
@state()
_query: string = '';
@@ -66,6 +65,11 @@ export class UmbPickerSearchFieldElement extends UmbLitElement {
width: 100%;
}
uui-input [slot='prepend'] {
display: flex;
align-items: center;
}
#divider {
width: 100%;
height: 1px;
@@ -84,6 +88,6 @@ export class UmbPickerSearchFieldElement extends UmbLitElement {
declare global {
interface HTMLElementTagNameMap {
[elementName]: UmbPickerSearchFieldElement;
'umb-picker-search-field': UmbPickerSearchFieldElement;
}
}

5
src/Umbraco.Web.UI.Client/src/packages/core/picker/search/picker-search-result.element.ts
View File

@@ -6,8 +6,7 @@ import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import type { UmbSearchRequestArgs } from '@umbraco-cms/backoffice/search';
import type { UmbEntityModel } from '@umbraco-cms/backoffice/entity';
const elementName = 'umb-picker-search-result';
@customElement(elementName)
@customElement('umb-picker-search-result')
export class UmbPickerSearchResultElement extends UmbLitElement {
@state()
_query?: UmbSearchRequestArgs;
@@ -67,6 +66,6 @@ export class UmbPickerSearchResultElement extends UmbLitElement {
declare global {
interface HTMLElementTagNameMap {
[elementName]: UmbPickerSearchResultElement;
'umb-picker-search-result': UmbPickerSearchResultElement;
}
}

4
src/Umbraco.Web.UI.Client/src/packages/media/media/modals/media-picker/media-picker-modal.element.ts
View File

@@ -424,6 +424,10 @@ export class UmbMediaPickerModalElement extends UmbModalBaseElement<UmbMediaPick
width: 100%;
margin-bottom: var(--uui-size-3);
}
#search uui-input [slot='prepend'] {
display: flex;
align-items: center;
}
#searching-indicator {
margin-left: 7px;