fix filter position and active tab in device list

This commit is contained in:
Rachel Powers
2024-04-17 14:53:42 -07:00
parent b9f0980cce
commit 67a0ccbf97

View File

@@ -341,13 +341,13 @@ export class VMDeviceCard extends VMDeviceMixin(BaseElement) {
<ic10-details class="device-card" ?open=${this.open}>
<div class="header" slot="summary">${this.renderHeader()}</div>
<sl-tab-group>
<sl-tab slot="nav" panel="fields">Fields</sl-tab>
<sl-tab slot="nav" panel="fields" active>Fields</sl-tab>
<sl-tab slot="nav" panel="slots">Slots</sl-tab>
<sl-tab slot="nav" panel="reagents" disabled>Reagents</sl-tab>
<sl-tab slot="nav" panel="networks">Networks</sl-tab>
<sl-tab slot="nav" panel="pins" ?disabled=${!this.pins}>Pins</sl-tab>
<sl-tab-panel name="fields">${this.renderFields()}</sl-tab-panel>
<sl-tab-panel name="fields" active>${this.renderFields()}</sl-tab-panel>
<sl-tab-panel name="slots">${this.renderSlots()}</sl-tab-panel>
<sl-tab-panel name="reagents">${this.renderReagents()}</sl-tab-panel>
<sl-tab-panel name="networks">${this.renderNetworks()}</sl-tab-panel>
@@ -432,6 +432,9 @@ export class VMDeviceList extends BaseElement {
.device-list-card {
width: 100%;
}
.device-filter-input {
margin-left: auto;
}
`,
];