mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-28 19:56:42 +00:00
Scroll device list when goes out of screen. Fixes #3343
This commit is contained in:
parent
eaaeb10c6d
commit
55aa5a0d12
@ -69,9 +69,10 @@ class StepFlowCreateEntry extends LitElement {
|
||||
(device) =>
|
||||
html`
|
||||
<div class="device">
|
||||
<b>${device.name}</b><br />
|
||||
${device.model} (${device.manufacturer})
|
||||
|
||||
<div>
|
||||
<b>${device.name}</b><br />
|
||||
${device.model} (${device.manufacturer})
|
||||
</div>
|
||||
<paper-dropdown-menu-light
|
||||
label="Area"
|
||||
.device=${device.id}
|
||||
@ -157,6 +158,8 @@ class StepFlowCreateEntry extends LitElement {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: -4px;
|
||||
max-height: 600px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.device {
|
||||
border: 1px solid var(--divider-color);
|
||||
@ -178,7 +181,7 @@ class StepFlowCreateEntry extends LitElement {
|
||||
}
|
||||
@media all and (max-width: 450px), all and (max-height: 500px) {
|
||||
.device {
|
||||
width: auto;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
`,
|
||||
|
Loading…
x
Reference in New Issue
Block a user