From 08f993452e5c8a61d05784165a91c791f73615fd Mon Sep 17 00:00:00 2001
From: Michael Lando <ml636r@att.com>
Date: Sat, 2 Jun 2018 16:53:14 +0300
Subject: Drop down being cut in plugin view

Fixed drop down being cut down in plugin view

Change-Id: I51104e640cb2873884f4f2048aa765c53feb5830
Issue-ID: SDC-1367
Signed-off-by: Michael Lando <ml636r@att.com>
---
 .../src/app/ng2/components/ui/plugin/plugin-frame.component.less | 2 +-
 catalog-ui/src/app/ng2/services/event-bus.service.ts             | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

(limited to 'catalog-ui/src')

diff --git a/catalog-ui/src/app/ng2/components/ui/plugin/plugin-frame.component.less b/catalog-ui/src/app/ng2/components/ui/plugin/plugin-frame.component.less
index d2d4c98cb4..d97c345376 100644
--- a/catalog-ui/src/app/ng2/components/ui/plugin/plugin-frame.component.less
+++ b/catalog-ui/src/app/ng2/components/ui/plugin/plugin-frame.component.less
@@ -7,6 +7,6 @@
         top: 3px;
         left: 2px;
         position: relative;
-        z-index: 1030
+        background-color: white;
     }
 }
diff --git a/catalog-ui/src/app/ng2/services/event-bus.service.ts b/catalog-ui/src/app/ng2/services/event-bus.service.ts
index 10990e2f2c..664ce35080 100644
--- a/catalog-ui/src/app/ng2/services/event-bus.service.ts
+++ b/catalog-ui/src/app/ng2/services/event-bus.service.ts
@@ -54,7 +54,12 @@ export class EventBusService extends BasePubSub {
     }
 
     public disableNavigation(isDisable: boolean) {
+        let iframes = document.getElementsByClassName("plugin-iframe");
+
         if (isDisable) {
+            _.forEach(iframes, (iframeElement: HTMLElement) => {
+                iframeElement.style.zIndex = '1300';
+            });
             let disableDiv = document.createElement('div');
             disableDiv.style.cssText = "position: fixed;\n" +
                 "z-index: 1029;\n" +
@@ -68,6 +73,10 @@ export class EventBusService extends BasePubSub {
         }
         else {
             document.getElementsByClassName("disable-navigation-div")[0].remove();
+
+            _.forEach(iframes, (iframeElement: HTMLElement) => {
+                iframeElement.style.zIndex = '';
+            });
         }
     }
 
-- 
cgit 1.2.3-korg

'/sdc/refs/?h=1.6.1&amp;id=b3d4898d9e8452ea0b8d848c048e712d43b8d9a3'>refs</a><a href='/sdc/log/sdc-os-chef/sdc-cassandra/Dockerfile?h=1.6.1'>log</a><a class='active' href='/sdc/tree/sdc-os-chef/sdc-cassandra/Dockerfile?h=1.6.1&amp;id=b3d4898d9e8452ea0b8d848c048e712d43b8d9a3'>tree</a><a href='/sdc/commit/sdc-os-chef/sdc-cassandra/Dockerfile?h=1.6.1&amp;id=b3d4898d9e8452ea0b8d848c048e712d43b8d9a3'>commit</a><a href='/sdc/diff/sdc-os-chef/sdc-cassandra/Dockerfile?h=1.6.1&amp;id=b3d4898d9e8452ea0b8d848c048e712d43b8d9a3'>diff</a><a href='/sdc/stats/sdc-os-chef/sdc-cassandra/Dockerfile?h=1.6.1'>stats</a></td><td class='form'><form class='right' method='get' action='/sdc/log/sdc-os-chef/sdc-cassandra/Dockerfile'>
<input type='hidden' name='h' value='1.6.1'/><input type='hidden' name='id' value='b3d4898d9e8452ea0b8d848c048e712d43b8d9a3'/><select name='qt'>
<option value='grep'>log msg</option>
<option value='author'>author</option>
<option value='committer'>committer</option>
<option value='range'>range</option>
</select>
<input class='txt' type='search' size='10' name='q' value=''/>
<input type='submit' value='search'/>
</form>
</td></tr></table>
<div class='path'>path: <a href='/sdc/tree/?h=1.6.1&amp;id=b3d4898d9e8452ea0b8d848c048e712d43b8d9a3'>root</a>/<a href='/sdc/tree/sdc-os-chef?h=1.6.1&amp;id=b3d4898d9e8452ea0b8d848c048e712d43b8d9a3'>sdc-os-chef</a>/<a href='/sdc/tree/sdc-os-chef/sdc-cassandra?h=1.6.1&amp;id=b3d4898d9e8452ea0b8d848c048e712d43b8d9a3'>sdc-cassandra</a>/<a href='/sdc/tree/sdc-os-chef/sdc-cassandra/Dockerfile?h=1.6.1&amp;id=b3d4898d9e8452ea0b8d848c048e712d43b8d9a3'>Dockerfile</a></div><div class='content'>blob: 3e9295db5ec70ce8697ffae303e672853845c7c3 (<a href='/sdc/plain/sdc-os-chef/sdc-cassandra/Dockerfile?h=1.6.1&amp;id=b3d4898d9e8452ea0b8d848c048e712d43b8d9a3'>plain</a>)
<table summary='blob content' class='blob'>
<tr><td class='linenumbers'><pre><a id='n1' href='#n1'>1</a>
<a id='n2' href='#n2'>2</a>
<a id='n3' href='#n3'>3</a>
<a id='n4' href='#n4'>4</a>
<a id='n5' href='#n5'>5</a>
<a id='n6' href='#n6'>6</a>
<a id='n7' href='#n7'>7</a>
<a id='n8' href='#n8'>8</a>
<a id='n9' href='#n9'>9</a>
<a id='n10' href='#n10'>10</a>
<a id='n11' href='#n11'>11</a>
<a id='n12' href='#n12'>12</a>
<a id='n13' href='#n13'>13</a>
<a id='n14' href='#n14'>14</a>
<a id='n15' href='#n15'>15</a>
<a id='n16' href='#n16'>16</a>
<a id='n17' href='#n17'>17</a>
<a id='n18' href='#n18'>18</a>
<a id='n19' href='#n19'>19</a>
<a id='n20' href='#n20'>20</a>
<a id='n21' href='#n21'>21</a>
</pre></td>
<td class='lines'><pre><code>