fixed style issues and added default select labels

This commit is contained in:
Joel McKinnon 2020-01-15 17:59:51 -08:00
parent 9fd720777b
commit 82f175f6c7
2 changed files with 16 additions and 9 deletions

View File

@ -44,15 +44,26 @@
>
</span>
</li>
<li>
<label>Output</label>
<span class="controls">
<select v-model="condition.output">
<option value="false">false</option>
<option value="true">true</option>
</select>
</span>
</li>
<li v-if="telemetryObject && telemetryMetadata">
<label>when</label>
<span class="controls">
<select class="">
<option value="">- Select Telemetry -</option>
<option :value="telemetryObject.key">{{ telemetryObject.name }}</option>
</select>
</span>
<span class="controls">
<select v-model="selectedMetaDataKey">
<option value="">- Select Field -</option>
<option v-for="option in telemetryMetadata"
:key="option.key"
:value="option.key"
@ -64,6 +75,7 @@
<span class="controls">
<select v-model="selectedOperationKey">
<option value="">- Select Comparison -</option>
<option v-for="option in operations"
:key="option.name"
:value="option.name"
@ -73,15 +85,6 @@
</select>
</span>
</li>
<li>
<label>Output</label>
<span class="controls">
<select v-model="condition.output">
<option value="false">false</option>
<option value="true">true</option>
</select>
</span>
</li>
</ul>
</div>
</div>

View File

@ -82,6 +82,10 @@
line-height: 20px;
}
.l-compact-form ul li .controls {
flex-grow: inherit;
}
.l-compact-form ul li .controls input[type="text"],
.l-compact-form ul li .controls input[type="search"],
.l-compact-form ul li .controls input[type="number"],