jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-14 12:56:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed ellipsis usage on graph legend entries. (#10707)

Browse Source
This commit is contained in:
Luca Cavalli 2021-11-29 10:30:27 +01:00 committed by GitHub
parent 2c0b2f4bc5
commit e7fd75703f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/chart/ha-chart-base.ts
View File

@ -95,7 +95,7 @@ export default class HaChartBase extends LitElement {
borderColor: dataset.borderColor as string, borderColor: dataset.borderColor as string,
})} })}
></div> ></div>
${dataset.label} <div class="label">${dataset.label}</div>
</li>` </li>`
)} )}
</ul> </ul>
@ -278,11 +278,9 @@ export default class HaChartBase extends LitElement {
} }
.chartLegend li { .chartLegend li {
cursor: pointer; cursor: pointer;
display: inline-flex; display: inline-grid;
grid-auto-flow: column;
padding: 0 8px; padding: 0 8px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box; box-sizing: border-box;
align-items: center; align-items: center;
color: var(--secondary-text-color); color: var(--secondary-text-color);
@ -290,6 +288,11 @@ export default class HaChartBase extends LitElement {
.chartLegend .hidden { .chartLegend .hidden {
text-decoration: line-through; text-decoration: line-through;
} }
.chartLegend .label {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.chartLegend .bullet, .chartLegend .bullet,
.chartTooltip .bullet { .chartTooltip .bullet {
border-width: 1px; border-width: 1px;