fix wired icon-sized in tree (by defaulting img in et2-image to width: 16px and not max-width: 100%)

This commit is contained in:
ralf 2024-08-27 12:25:36 +02:00
parent e4b073dfa3
commit 3f80021c8e
8 changed files with 12 additions and 3 deletions

View File

@ -177,7 +177,7 @@ export class Et2Image extends Et2Widget(LitElement) implements et2_IDetachedDOM
<img ${this.id ? html`id="${this.id}"` : ''}
src="${url}"
alt="${this.label}"
style="${this.height ? 'height: 100%; width: auto' : (this.width ? 'width: 100%; height: auto' : 'max-width: 100%; height: auto')}"
style="${this.height ? 'height: 100%; width: auto' : (this.width ? 'width: 100%; height: auto' : 'width: 16px; height: auto')}"
part="image"
loading="lazy"
title="${this.statustext || this.label}"

View File

@ -239,9 +239,10 @@ export class Et2Tree extends Et2WidgetWithSelectMixin(LitElement) implements Fin
/* Stop icon from shrinking if there's not enough space */
/* increase font size by 2px this was previously done in pixelegg css but document css can not reach shadow root*/
sl-tree-item sl-icon {
sl-tree-item et2-image {
flex: 0 0 1em;
font-size: calc(100% + 2px);
padding-right: .4em;
}
::part(label) {

View File

@ -6094,6 +6094,7 @@ table.egwGridView_grid img {
}
table.egwGridView_grid et2-image {
width: 16px;
font-size: 16px;
}
table.egwGridView_grid tbody {
border-bottom: 1px solid #000000;

View File

@ -6097,6 +6097,7 @@ table.egwGridView_grid img {
}
table.egwGridView_grid et2-image {
width: 16px;
font-size: 16px;
}
table.egwGridView_grid tbody {
border-bottom: 1px solid #000000;

View File

@ -6076,6 +6076,7 @@ table.egwGridView_grid img {
}
table.egwGridView_grid et2-image {
width: 16px;
font-size: 16px;
}
table.egwGridView_grid tbody {
border-bottom: 1px solid #000000;

View File

@ -6087,6 +6087,7 @@ table.egwGridView_grid img {
}
table.egwGridView_grid et2-image {
width: 16px;
font-size: 16px;
}
table.egwGridView_grid tbody {
border-bottom: 1px solid #000000;

View File

@ -178,7 +178,10 @@ table.egwGridView_grid
width: 100%;
img{ .dimension_height_s;}
et2-image { width: 16px; }
et2-image {
width: 16px;
font-size: 16px;
}
tbody {
border-bottom: 1px solid @lightgray;

View File

@ -6108,6 +6108,7 @@ table.egwGridView_grid img {
}
table.egwGridView_grid et2-image {
width: 16px;
font-size: 16px;
}
table.egwGridView_grid tbody {
border-bottom: 1px solid #000000;