(css) Improve display of recurrence editor

This commit is contained in:
Francis Lachapelle
2017-02-27 16:03:45 -05:00
parent dfce966e79
commit d87cf6980a
2 changed files with 17 additions and 16 deletions

View File

@@ -93,20 +93,16 @@
<md-radio-button value="byday">
<var:string label:value="The"/>
</md-radio-button>
<md-input-container>
<md-select ng-model="editor.component.repeat.month.occurrence">
<var:foreach list="monthlyRepeatList" item="item">
<md-option var:value="valueForMonthlyRepeat"><var:string value="itemText"/></md-option>
</var:foreach>
</md-select>
</md-input-container>
<md-input-container>
<md-select ng-model="editor.component.repeat.month.day">
<var:foreach list="monthlyDayList" item="item">
<md-option var:value="valueForMonthlyDay"><var:string value="item"/></md-option>
</var:foreach>
</md-select>
</md-input-container>
<md-select ng-model="editor.component.repeat.month.occurrence">
<var:foreach list="monthlyRepeatList" item="item">
<md-option var:value="valueForMonthlyRepeat"><var:string value="itemText"/></md-option>
</var:foreach>
</md-select>
<md-select ng-model="editor.component.repeat.month.day">
<var:foreach list="monthlyDayList" item="item">
<md-option var:value="valueForMonthlyDay"><var:string value="item"/></md-option>
</var:foreach>
</md-select>
</div>
</md-radio-group>
</div>
@@ -131,7 +127,7 @@
</md-grid-list>
</div>
<div layout="row" layout-align="start center">
<md-checkbox ng-model="editor.component.repeat.year.byday">
<md-checkbox class="sg-checkbox--with-select" ng-model="editor.component.repeat.year.byday">
<var:string label:value="The"/>
</md-checkbox>
<md-select ng-model="editor.component.repeat.month.occurrence">

View File

@@ -7,6 +7,11 @@ md-sidenav md-checkbox {
margin: 0;
}
// Checkbox in an inline form beside a select element
.md-inline-form md-checkbox.sg-checkbox--with-select {
margin: 2.5*$baseline-grid $baseline-grid/2 3*$baseline-grid + 2 0;
}
// Checkbox for the sg-checkmark directive
// ---------------------------------------
.sg-checkmark {
@@ -16,4 +21,4 @@ md-sidenav md-checkbox {
&.sg-checked md-icon {
opacity: 1;
}
}
}