only show tabs when required

This commit is contained in:
Synox 2016-07-03 13:25:46 +02:00
parent d12417f675
commit 33ab9b5cee
3 changed files with 16 additions and 14 deletions

2
dist/index.html vendored

File diff suppressed because one or more lines are too long

View File

@ -28,16 +28,18 @@
</div>
</div>
<div class="row email-tabs">
<uib-tabset active="1">
<div ng-if="!$ctrl.showHtmlButton()" ng-bind-html="$ctrl.mail.textPlain | nl2br | autolink" class="mail-conent">
</div>
<uib-tabset active="1" ng-if="$ctrl.showHtmlButton()">
<uib-tab index="1" disable="!$ctrl.showTextButton()">
<uib-tab-heading><i class="glyphicon glyphicon-align-left"></i> text</uib-tab-heading>
<span ng-bind-html="$ctrl.mail.textPlain | nl2br | autolink "></span>
<div class="mail-conent" ng-bind-html="$ctrl.mail.textPlain | nl2br | autolink "></div>
</uib-tab>
<uib-tab index="2" disable="!$ctrl.showHtmlButton()" select="htmlActive=true">
<uib-tab-heading><i class="glyphicon glyphicon-picture"></i> html</uib-tab-heading>
<span ng-if="htmlActive" ng-bind-html="$ctrl.mail.textHtml"></span>
<div class="mail-conent" ng-if="htmlActive" ng-bind-html="$ctrl.mail.textHtml"></div>
</uib-tab>
</uib-tabset>

View File

@ -44,7 +44,7 @@ $tab-content-background: white;
padding-left: 10px;
}
.tab-content {
.mail-conent {
background-color: $tab-content-background;
padding: 20px;
overflow: hidden;