extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-29 10:09:10 +01:00
Code Issues Packages Projects Releases Wiki Activity

New Et2ButtonImage that shows only image

Browse Source 
Also doesn't stretch like the others do.
This commit is contained in:
nathan 2022-04-05 09:15:08 -06:00
parent 72736566e2
commit 57e231aced
2 changed files with 35 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
api/js/etemplate/Et2Button/Et2ButtonImage.ts Normal file
View File

@ -0,0 +1,34 @@
/**
* 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);

1
api/js/etemplate/etemplate2.ts
View File

@ -25,6 +25,7 @@ import '../jsapi/egw_json.js';
import {egwIsMobile} from "../egw_action/egw_action_common.js"; import {egwIsMobile} from "../egw_action/egw_action_common.js";
import './Et2Box/Et2Box'; import './Et2Box/Et2Box';
import './Et2Button/Et2Button'; import './Et2Button/Et2Button';
import './Et2Button/Et2ButtonImage';
import './Et2Date/Et2Date'; import './Et2Date/Et2Date';
import './Et2Date/Et2DateDuration'; import './Et2Date/Et2DateDuration';
import './Et2Date/Et2DateDurationReadonly'; import './Et2Date/Et2DateDurationReadonly';