a little bit of clean up

This commit is contained in:
Mads Rasmussen
2018-04-05 21:10:38 +02:00
parent f1c78b45a7
commit 7a4f7da0d6
2 changed files with 18 additions and 14 deletions

View File

@@ -1,3 +1,10 @@
.umb-list--condensed {
.umb-list-item {
padding-top: 5px;
padding-bottom: 5px;
}
}
.umb-list-item {
border-bottom: 1px solid @gray-9;
padding-top: 15px;

View File

@@ -1,6 +1,6 @@
<div ng-controller="Umbraco.Overlays.PublishController as vm">
<div style="margin-bottom: 10px;">
<div style="margin-bottom: 15px;">
<p>What languages would you like to publish?</p>
</div>
@@ -8,19 +8,16 @@
<umb-load-indicator></umb-load-indicator>
</div>
<div ng-if="!vm.loading">
<div ng-repeat="variant in vm.variants" style="padding: 5px 0px; border-bottom: 1px solid #E9E9EB">
<div>
<label class="flex">
<input type="checkbox" ng-model="variant.selected" ng-disabled="variant.validationError" style="margin-right: 8px;" />
<div>
<div ng-if="!variant.validationError" ng-class="{'bold': variant.selected}">{{ variant.cultureDisplayName }}</div>
<div ng-if="variant.validationError" style="opacity: 0.5;">{{ variant.cultureDisplayName }}</div>
<div ng-if="!variant.validationError" style="font-size: 13px; color: #68676b; margin-top: 2px;">{{ variant.state }}</div>
<div ng-if="variant.validationError" style="font-size: 13px; color: #F02E28; margin-top: 2px;">{{ variant.validationErrorMessage }}</div>
</div>
</label>
</div>
<div class="umb-list umb-list--condensed" ng-if="!vm.loading">
<div class="umb-list-item" ng-repeat="variant in vm.variants">
<label class="flex">
<input type="checkbox" ng-model="variant.selected" ng-disabled="variant.validationError" style="margin-right: 8px;" />
<div>
<div ng-class="{'bold': variant.selected}" style="margin-bottom: 2px;">{{ variant.cultureDisplayName }}</div>
<div class="umb-permission__description" ng-if="!variant.validationError">{{ variant.state }}</div>
<div class="umb-permission__description" style="color: #F02E28;" ng-if="variant.validationError">{{ variant.validationErrorMessage }}</div>
</div>
</label>
</div>
</div>