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

Style MixinInvoker widgets

Browse Source
This commit is contained in:
Hadi Nategh 2022-03-10 15:39:45 +01:00
parent 9285b87a92
commit 1be92b5b61
1 changed files with 31 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
api/js/etemplate/Et2Url/Et2InvokerMixin.ts
View File

@ -8,8 +8,9 @@
*/ */
/* eslint-disable import/no-extraneous-dependencies */ /* eslint-disable import/no-extraneous-dependencies */
import {dedupeMixin, html, render} from '@lion/core'; import {css, dedupeMixin, html, render} from '@lion/core';
import {Et2InputWidget} from "../Et2InputWidget/Et2InputWidget"; import {Et2InputWidget} from "../Et2InputWidget/Et2InputWidget";
import {colorsDefStyles} from "../Styles/colorsDefStyles";
/** /**
* Invoker mixing adds an invoker button to a widget to trigger some action, e.g.: * Invoker mixing adds an invoker button to a widget to trigger some action, e.g.:
@ -38,7 +39,35 @@ export const Et2InvokerMixin = dedupeMixin((superclass) =>
} }
}; };
} }
static get styles()
{
return [
...super.styles,
colorsDefStyles,
css`
::slotted(input), input {
background-color: transparent;
border: none !important;
}
.input-group {
border: 1px solid var(--input-border-color);
}
.input-group__suffix{
}
.input-group__container {
align-items: center
}
::slotted([slot="suffix"]) {
border: none !important;
background-color: transparent !important;
}
::slotted(:disabled) {cursor: default !important;}
:host(:hover) ::slotted([slot="suffix"]) {
cursor: pointer;
}
`,
];
}
get slots() get slots()
{ {
return { return {