extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-21 23:43:17 +01:00
Code Issues Packages Projects Releases Wiki Activity

Try to fix some image size issues

Browse Source
This commit is contained in:
nathan 2024-08-28 17:20:58 -06:00
parent 57136fb272
commit f35945eac9
3 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
api/js/etemplate/Et2Image/Et2Image.ts
View File

@ -8,7 +8,7 @@
* @author Nathan Gray
*/
import {css, html, LitElement} from "lit";
import {html, LitElement} from "lit";
import {Et2Widget} from "../Et2Widget/Et2Widget";
import {et2_IDetachedDOM} from "../et2_core_interfaces";
import {property} from "lit/decorators/property.js";
@ -17,6 +17,8 @@ import {customElement} from "lit/decorators/custom-element.js";
@customElement("et2-image")
export class Et2Image extends Et2Widget(LitElement) implements et2_IDetachedDOM
{
/** Et2Image has no shadow DOM, styles in etemplate2.css
static get styles()
{
return [
@ -37,6 +39,7 @@ export class Et2Image extends Et2Widget(LitElement) implements et2_IDetachedDOM
}
`];
}
*/
/**
* The label of the image

3
api/js/etemplate/Et2Select/Tag/Et2Tag.ts
View File

@ -35,7 +35,8 @@ export class Et2Tag extends Et2Widget(SlTag)
::slotted(et2-image) {
height: 20px;
width: 20px;
width: var(--icon-width, 20px);
display: inline-block;
}
.tag__prefix {

15
api/templates/default/etemplate2.css
View File

@ -340,6 +340,21 @@ a.et2_url.url {
margin-left: 0px;
}
/* et2-image has no shadow DOM, styles here */
et2-image {
display: inline-block;
}
et2-image::slotted(img) {
max-height: 100%;
max-width: 100%;
}
et2-image[icon] {
height: 1.3rem;
font-size: 1.3rem !important;
}
/**
* Former button without background_image --> <et2-image class="et2-image-button"
*/