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

Fix flex-box (#1076)

Browse Source 
Small tweak styling
This commit is contained in:
Boyi C 2018-04-12 14:58:46 +08:00 committed by NovapaX
parent d5776f750f
commit 57e500b109
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/entity/ha-chart-base.html
View File

@ -24,7 +24,7 @@
max-width: 30%; max-width: 30%;
} }
.chartHeader > div.chartLegend { .chartHeader > div.chartLegend {
flex: 1 1 1; flex: 1 1;
min-width: 70%; min-width: 70%;
} }
:root{ :root{
@ -62,8 +62,8 @@
} }
.chartLegend li { .chartLegend li {
display: inline-block; display: inline-block;
padding: 0 5px; padding: 0 6px;
width: 49%; max-width: 49%;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
@ -71,7 +71,7 @@
} }
.chartLegend li:nth-child(odd):last-of-type { .chartLegend li:nth-child(odd):last-of-type {
/* Make last item take full width if it is odd-numbered. */ /* Make last item take full width if it is odd-numbered. */
width: 100%; max-width: 100%;
} }
.chartLegend li[data-hidden] { .chartLegend li[data-hidden] {
text-decoration: line-through; text-decoration: line-through;
@ -81,7 +81,7 @@
border-radius: 5px; border-radius: 5px;
display: inline-block; display: inline-block;
height: 10px; height: 10px;
margin-right: 6px; margin-right: 4px;
width: 10px; width: 10px;
} }
paper-icon-button { paper-icon-button {