(css) Improve Sieve filter editor layout

pull/218/head
Francis Lachapelle 2016-07-25 14:39:26 -04:00
parent 4ed1063296
commit d045f4a958
2 changed files with 9 additions and 2 deletions

View File

@ -94,7 +94,7 @@
</div>
<div layout="row" layout-align="end center">
<label class="button-label"><var:string label:value="Add a condition"/></label>
<label class="button-label button-label--right"><var:string label:value="Add a condition"/></label>
<md-button class="md-icon-button" type="button"
ng-click="filterEditor.addMailFilterRule($event)">
<md-icon>add_circle</md-icon>
@ -172,7 +172,7 @@
</div>
<div layout="row" layout-align="end center">
<label class="button-label"><var:string label:value="Add an action"/></label>
<label class="button-label button-label--right"><var:string label:value="Add an action"/></label>
<md-button class="md-icon-button" type="button"
ng-click="filterEditor.addMailFilterAction($event)">
<md-icon>add_circle</md-icon>

View File

@ -40,6 +40,9 @@
font-weight: $sg-font-regular;
line-height: $sg-line-height-1;
transform: scale($input-label-float-scale);
}
.pseudo-input-label {
@include rtl(transform-origin, left top, right top);
}
@ -47,6 +50,10 @@
@include rtl(transform-origin, left center, right center);
}
.button-label--right {
@include rtl(transform-origin, right center, left center);
}
.pseudo-input-label--no-margin,
.button-label {
margin-top: 0;