Make only current plan bold

This commit is contained in:
Girish Ramakrishnan
2016-06-29 15:27:19 -05:00
parent 4d47c21a74
commit bcc3b4aee7
2 changed files with 7 additions and 3 deletions

View File

@@ -903,6 +903,10 @@ $graphs-success-alt: lighten(#27CE65, 20%);
}
}
.plans label {
font-weight: normal;
}
// ----------------------------
// Support
// ----------------------------

View File

@@ -159,12 +159,12 @@
<div class="card" style="margin-bottom: 15px;" ng-show="user.admin">
<div class="row">
<div class="col-xs-10" style="margin-left: 20px">
<div class="col-xs-10 plans" style="margin-left: 20px">
<div class="btn-group" data-toggle="buttons">
<label class="radio" ng-repeat="plan in availablePlans" ng-style="{ 'font-weight': currentPlan.slug === plan.slug ? 'bold' : 'normal' }">
<label class="radio" ng-repeat="plan in availablePlans">
<input type="radio" name="options" autocomplete="off" ng-checked="currentPlan.slug === plan.slug" ng-click="setRequestedPlan(plan)">
{{ plan.name }} ({{ plan.slug | uppercase }}) - {{ plan.price/100 }}{{ currency }}/month
<span ng-show="currentPlan.slug === plan.slug"> (current plan)
<span ng-show="currentPlan.slug === plan.slug" style="font-weight: bold"> (current plan)
</span>
</label>
</div>