egroupware/api/js/etemplate/Et2Button/Et2ButtonImage.ts
nathan 57e231aced New Et2ButtonImage that shows only image
Also doesn't stretch like the others do.
2022-04-05 09:15:08 -06:00

34 lines
739 B
TypeScript

/**
* EGroupware eTemplate2 - Image only button widget
*
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @package etemplate
* @subpackage api
* @link https://www.egroupware.org
* @author Nathan Gray
*/
import {Et2Button} from "./Et2Button";
import {css} from "@lion/core";
export class Et2ButtonImage extends Et2Button
{
public static styles = [
...Et2Button.styles,
css`
:host {
/* Important needed to override boxes trying to stretch children */
flex: 0 0 !important;
}
::slotted[slot="label"] {
display: none;
}
`
];
}
// @ts-ignore TypeScript is not recognizing that Et2Button is a LitElement
customElements.define("et2-button-image", Et2ButtonImage);