extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-10-06 18:12:22 +02:00
Code Issues 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 */
import {dedupeMixin, html, render} from '@lion/core';
import {css, dedupeMixin, html, render} from '@lion/core';
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.:
@ -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()
{
return {