mirror of
https://github.com/EGroupware/egroupware.git
synced 2025-01-11 16:38:39 +01:00
Add Et2Dropdown, just a wrapper around SlDropdown
This commit is contained in:
parent
021f780548
commit
a6002f24f0
25
api/js/etemplate/Layout/Et2Dropdown/Et2Dropdown.ts
Normal file
25
api/js/etemplate/Layout/Et2Dropdown/Et2Dropdown.ts
Normal file
@ -0,0 +1,25 @@
|
||||
import {Et2Widget} from "../../Et2Widget/Et2Widget";
|
||||
import {SlDropdown} from "@shoelace-style/shoelace";
|
||||
import {customElement} from "lit/decorators/custom-element.js";
|
||||
import {css} from "lit";
|
||||
|
||||
@customElement("et2-dropdown")
|
||||
export class Et2Dropdown extends Et2Widget(SlDropdown)
|
||||
{
|
||||
static get styles()
|
||||
{
|
||||
return [
|
||||
...super.styles,
|
||||
css`
|
||||
:host {
|
||||
max-width: fit-content;
|
||||
}
|
||||
|
||||
.dropdown--open .dropdown__panel {
|
||||
background-color: var(--sl-panel-background-color);
|
||||
padding: var(--sl-spacing-medium);
|
||||
}
|
||||
`
|
||||
];
|
||||
}
|
||||
}
|
@ -24,6 +24,7 @@ import '../jsapi/egw_json.js';
|
||||
import {egwIsMobile} from "../egw_action/egw_action_common";
|
||||
import './Layout/Et2Box/Et2Box';
|
||||
import './Layout/Et2Details/Et2Details';
|
||||
import './Layout/Et2Dropdown/Et2Dropdown';
|
||||
import './Layout/Et2Groupbox/Et2Groupbox';
|
||||
import './Layout/Et2Tabs/Et2Tab';
|
||||
import './Layout/Et2Tabs/Et2Tabs';
|
||||
|
Loading…
Reference in New Issue
Block a user