Fix input_number flexbox. (#1586)

This commit is contained in:
Jerad Meisner 2018-08-20 23:59:39 -07:00 committed by Paulus Schoutsen
parent cbef262805
commit 13ece650bc

View File

@ -17,11 +17,14 @@ class HuiGenericEntityRow extends PolymerElement {
} }
.flex { .flex {
flex: 1; flex: 1;
overflow: hidden;
margin-left: 16px; margin-left: 16px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
min-width: 0;
}
.info {
flex: 1 0 60px;
} }
.info, .info,
.info > * { .info > * {
@ -31,6 +34,7 @@ class HuiGenericEntityRow extends PolymerElement {
} }
.flex ::slotted(*) { .flex ::slotted(*) {
margin-left: 8px; margin-left: 8px;
min-width: 0;
} }
.secondary, .secondary,
ha-relative-time { ha-relative-time {
@ -46,6 +50,9 @@ class HuiGenericEntityRow extends PolymerElement {
background-color: yellow; background-color: yellow;
padding: 8px; padding: 8px;
} }
state-badge {
flex: 0 0 40px;
}
</style> </style>
<template is="dom-if" if="[[_stateObj]]"> <template is="dom-if" if="[[_stateObj]]">
<template is="dom-if" if="[[!config.icon]]"> <template is="dom-if" if="[[!config.icon]]">