Merge pull request #224 from ovh-ux/develop

Develop

Author: AxelPeter

packages/oui-tile/src/tile.controller.js

@@ -1,13 +1,22 @@
 import { addBooleanParameter } from "@oui-angular/common/component-utils";
 
 export default class {
-    constructor ($attrs) {
+    constructor ($attrs, $element, $timeout) {
         "ngInject";
 
         this.$attrs = $attrs;
+        this.$element = $element;
+        this.$timeout = $timeout;
     }
 
     $onInit () {
         addBooleanParameter(this, "loading");
     }
+
+    $postLink () {
+        this.$timeout(() =>
+            this.$element
+                .addClass("oui-tile")
+        );
+    }
 }

packages/oui-tile/src/tile.html

@@ -1,12 +1,10 @@
-<div class="oui-tile">
-    <h4 class="oui-header_4 oui-tile__title" ng-bind="::$ctrl.heading"></h4>
-    <p class="oui-tile__legend" ng-if="!!$ctrl.description" ng-bind="::$ctrl.description"></p>
-    <div class="oui-tile__body"
-        ng-if="!$ctrl.loading"
-        ng-transclude>
-    </div>
-    <div class="oui-tile__loader"
-        ng-if="$ctrl.loading">
-        <oui-spinner size="m"></oui-spinner>
-    </div>
+<h4 class="oui-header_4 oui-tile__title" ng-bind="::$ctrl.heading"></h4>
+<p class="oui-tile__legend" ng-if="!!$ctrl.description" ng-bind="::$ctrl.description"></p>
+<div class="oui-tile__body"
+    ng-if="!$ctrl.loading"
+    ng-transclude>
+</div>
+<div class="oui-tile__loader"
+    ng-if="$ctrl.loading">
+    <oui-spinner size="m"></oui-spinner>
 </div>