From d8fef3a66dbf23a9adf1fde065747bc3b9012bb9 Mon Sep 17 00:00:00 2001 From: Oliver Hamlet Date: Sun, 16 Nov 2014 22:43:56 +0000 Subject: [PATCH] Fix plugin menu overlap. For #346. Although this fixes the issue, it relies on edits to ``. I've submitted a pull request, and I'll keep the issue open until I know it's resolved. --- resources/report/bower.json | 2 +- resources/report/css/overrides.css | 1 + resources/report/html/loot-plugin-card.html | 13 ------------- 3 files changed, 2 insertions(+), 14 deletions(-) diff --git a/resources/report/bower.json b/resources/report/bower.json index 9064a697..717766b1 100644 --- a/resources/report/bower.json +++ b/resources/report/bower.json @@ -32,6 +32,6 @@ "paper-progress": "Polymer/paper-progress#~0.5.0", "core-animated-pages": "Polymer/core-animated-pages#~0.5.1", "paper-toast": "Polymer/paper-toast#~0.5.1", - "core-list": "Polymer/core-list#~0.5.1" + "core-list": "WrinklyNinja/core-list#51e27f42c86a91cbbe0933f618b2e82905dda83a" } } diff --git a/resources/report/css/overrides.css b/resources/report/css/overrides.css index 93b75ed5..522be23d 100644 --- a/resources/report/css/overrides.css +++ b/resources/report/css/overrides.css @@ -74,6 +74,7 @@ html /deep/ paper-dropdown > div { /* This stops the main core-list having its own scrollbars. */ #main > core-list { overflow-y: initial !important; + transform-style: preserve-3d; } /* This makes paper-menu-button icons align like paper-icon-buttons do. */ diff --git a/resources/report/html/loot-plugin-card.html b/resources/report/html/loot-plugin-card.html index e53779e5..9aadeeca 100644 --- a/resources/report/html/loot-plugin-card.html +++ b/resources/report/html/loot-plugin-card.html @@ -186,19 +186,6 @@ loot-clear-metadata this.shadowRoot.getElementById('clearMetadata').addEventListener('click', this.onClearMetadata, false); this.addEventListener('transitionend', this.onFlipEnd, false); - - /* Because of the 3D flip effect used when accessing the editor, - plugin menus get hidden underneath later plugin cards unless - those cards have a lower z-index than the card the menu is part - of. Therefore, set this card's z-index to the negative of its - position in the plugin list. - */ - var cards = this.parentElement.getElementsByTagName('loot-plugin-card'); - for (var i = 0; i < cards.length; ++i) { - if (cards[i] == this) { - this.style.zIndex = 10000 - i; - } - } }, detached: function() {