Merge fd4c57a into 582e804

coveo · Mar 27, 2017 · 6059775 · 6059775
2 parents 582e804 + fd4c57a
commit 6059775
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/sass/_CardOverlay.scss b/sass/_CardOverlay.scss
@@ -75,3 +75,13 @@
   cursor: pointer;
   flex-shrink: 0;
 }
+
+.CoveoResult.coveo-with-card-overlay {
+  @include transition(min-height .5s);
+  min-height: 0;
+}
+
+.CoveoResult.coveo-card-overlay-opened {
+  min-height: 180px;
+}
+
diff --git a/src/ui/CardOverlay/CardOverlay.ts b/src/ui/CardOverlay/CardOverlay.ts
@@ -60,6 +60,7 @@ export class CardOverlay extends Component {
 
     this.parentCard = $$(this.element).closest('.CoveoResult');
     Assert.exists(this.parentCard);
+    $$(this.parentCard).addClass('coveo-with-card-overlay');
     this.createOverlay();
     this.createButton(this.element);
     this.closeOverlay();
@@ -91,6 +92,7 @@ export class CardOverlay extends Component {
   public openOverlay() {
     $$(this.overlay).removeClass('coveo-hidden-for-tab-nav');
     $$(this.overlay).addClass('coveo-opened');
+    $$(this.parentCard).addClass('coveo-card-overlay-opened');
     this.bind.trigger(this.element, CardOverlayEvents.openCardOverlay);
   }
 
@@ -102,6 +104,7 @@ export class CardOverlay extends Component {
   public closeOverlay() {
     $$(this.overlay).addClass('coveo-hidden-for-tab-nav');
     $$(this.overlay).removeClass('coveo-opened');
+    $$(this.parentCard).removeClass('coveo-card-overlay-opened');
     this.bind.trigger(this.element, CardOverlayEvents.closeCardOverlay);
   }