jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-25 18:26:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add title when text in datatable doesnt fit (#20590)

Browse Source
This commit is contained in:
Bram Kragten 2024-04-23 13:50:44 +02:00 committed by GitHub
parent 8239f6dd60
commit 8ab61b5468
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/data-table/ha-data-table.ts
View File

@ -450,6 +450,8 @@ export class HaDataTable extends LitElement {
} }
return html` return html`
<div <div
@mouseover=${this._setTitle}
@focus=${this._setTitle}
role=${column.main ? "rowheader" : "cell"} role=${column.main ? "rowheader" : "cell"}
class="mdc-data-table__cell ${classMap({ class="mdc-data-table__cell ${classMap({
"mdc-data-table__cell--flex": column.type === "flex", "mdc-data-table__cell--flex": column.type === "flex",
@ -675,6 +677,13 @@ export class HaDataTable extends LitElement {
fireEvent(this, "row-click", { id: rowId }, { bubbles: false }); fireEvent(this, "row-click", { id: rowId }, { bubbles: false });
}; };
private _setTitle(ev: Event) {
const target = ev.currentTarget as HTMLElement;
if (target.scrollWidth > target.offsetWidth) {
target.setAttribute("title", target.innerText);
}
}
private _checkedRowsChanged() { private _checkedRowsChanged() {
// force scroller to update, change it's items // force scroller to update, change it's items
if (this._items.length) { if (this._items.length) {