holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Et2Select: Fix search icon appearing everywhere

Browse Source
This commit is contained in:
nathan 2022-06-17 08:53:15 -06:00
parent 53d88ad5ac
commit f2c57c5e75
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
api/js/etemplate/Et2Select/Et2Select.ts
View File

@ -39,12 +39,6 @@ export class Et2Select extends Et2WithSearchMixin(Et2InvokerMixin(Et2WidgetWithS
--icon-width: 20px; --icon-width: 20px;
} }
/* This is the drop-down arrow on the right */
::slotted([slot="suffix"]) {
font-size: 120% !important;
font-weight: bold;
color: gray !important;
}
::slotted(img), img { ::slotted(img), img {
vertical-align: middle; vertical-align: middle;

6
api/js/etemplate/Et2Select/SearchMixin.ts
View File

@ -117,9 +117,15 @@ export const Et2WithSearchMixin = <T extends Constructor<LitElement>>(superclass
// @ts-ignore // @ts-ignore
...(super.styles ? (Symbol.iterator in Object(super.styles) ? super.styles : [super.styles]) : []), ...(super.styles ? (Symbol.iterator in Object(super.styles) ? super.styles : [super.styles]) : []),
css` css`
/* This is the search icon on the right - hidden unless search=true */
::slotted([slot="suffix"]) {
font-size: 120% !important;
display:none;
}
:host([search]) ::slotted([slot="suffix"]) { :host([search]) ::slotted([slot="suffix"]) {
display: initial; display: initial;
} }
/* Move the widget border */ /* Move the widget border */
.form-control-input { .form-control-input {
border: solid var(--sl-input-border-width) var(--sl-input-border-color); border: solid var(--sl-input-border-width) var(--sl-input-border-color);