From 49e5cdde4607622688b16f5d4c5c84c604a0cbe8 Mon Sep 17 00:00:00 2001 From: Paulus Schoutsen Date: Tue, 19 Apr 2016 21:38:33 -0700 Subject: [PATCH] Collapse media cards with no cover --- src/cards/ha-media_player-card.html | 5 +++++ src/cards/ha-media_player-card.js | 1 + 2 files changed, 6 insertions(+) diff --git a/src/cards/ha-media_player-card.html b/src/cards/ha-media_player-card.html index 998e4d1ca0..3120bd2127 100644 --- a/src/cards/ha-media_player-card.html +++ b/src/cards/ha-media_player-card.html @@ -31,6 +31,11 @@ width: 100%; /* removed .25% from 16:9 ratio to fix YT black bars */ padding-top: 56%; + transition: padding-top .8s; + } + + .banner.no-cover:before { + padding-top: 91px; } .banner > .cover { diff --git a/src/cards/ha-media_player-card.js b/src/cards/ha-media_player-card.js index fd7a9aa548..32a23a57f4 100644 --- a/src/cards/ha-media_player-card.js +++ b/src/cards/ha-media_player-card.js @@ -45,6 +45,7 @@ export default new Polymer({ return classnames({ banner: true, 'is-off': playerObj.isOff || playerObj.isIdle, + 'no-cover': !playerObj.stateObj.attributes.entity_picture, }); },