[Frontend] Cleanups to Inspector config elements

open #729
In-progress
Moved reduced-min-width into _inspector.scss;
Removed <style> defs in markup files;
This commit is contained in:
Charles Hacskaylo 2016-03-10 10:50:00 -08:00
parent bdbb045005
commit 0957fbc6f9
3 changed files with 6 additions and 11 deletions

View File

@ -87,6 +87,9 @@
@include align-items(center); @include align-items(center);
border: none; border: none;
padding: $interiorMarginSm 0; padding: $interiorMarginSm 0;
.label {
min-width: 80px;
}
input[type='text'], input[type='text'],
input[type='search'] { input[type='search'] {
width: 100%; width: 100%;

View File

@ -19,27 +19,19 @@
this source code distribution or the Licensing information page available this source code distribution or the Licensing information page available
at runtime from the About dialog for additional information. at runtime from the About dialog for additional information.
--> -->
<style>
.l-inspect .l-inspector-part .no-margin .form {
margin-left: 0;
}
.reduced-min-width .form .form-row > .label {
min-width: 80px;
}
</style>
<div ng-controller="PlotOptionsController" class="flex-elem grows l-inspector-part"> <div ng-controller="PlotOptionsController" class="flex-elem grows l-inspector-part">
<em class="t-inspector-part-header" title="Display properties for this object">Plot Options</em> <em class="t-inspector-part-header" title="Display properties for this object">Plot Options</em>
<mct-form <mct-form
ng-model="configuration.plot.xAxis" ng-model="configuration.plot.xAxis"
structure="xAxisForm" structure="xAxisForm"
name="xAxisFormState" name="xAxisFormState"
class="flex-elem l-flex-row no-validate no-margin reduced-min-width"> class="flex-elem l-flex-row no-validate no-margin">
</mct-form> </mct-form>
<mct-form <mct-form
ng-model="configuration.plot.yAxis" ng-model="configuration.plot.yAxis"
structure="yAxisForm" structure="yAxisForm"
name="yAxisFormState" name="yAxisFormState"
class="flex-elem l-flex-row no-validate no-margin reduced-min-width"> class="flex-elem l-flex-row no-validate no-margin">
</mct-form> </mct-form>
<div class="form"> <div class="form">
<div class="section-header ng-binding ng-scope"> <div class="section-header ng-binding ng-scope">

View File

@ -25,6 +25,6 @@
ng-model="configuration.table.columns" ng-model="configuration.table.columns"
structure="columnsForm" structure="columnsForm"
name="columnsFormState" name="columnsFormState"
class="flex-elem l-flex-row no-validate no-margin reduced-min-width"> class="flex-elem l-flex-row no-validate no-margin">
</mct-form> </mct-form>
</div> </div>