diff --git a/src/plugin-specific/add-iframe-to-page.js b/src/plugin-specific/add-iframe-to-page.js index 504998f..a12526f 100644 --- a/src/plugin-specific/add-iframe-to-page.js +++ b/src/plugin-specific/add-iframe-to-page.js @@ -8,6 +8,11 @@ $.get(chrome.extension.getURL('index-angular-app.html'), function (htmlData) { iframeMainContent.id = 'tagit-body'; iframeMainContent.className = 'tagit-body'; iframeMainContent.src = window.location.href; + iframeMainContent.seamless = 'seamless'; + iframeMainContent.frameBorder = "0"; + + //add a helper class to aid in styling later. + $('html').addClass('tagit-top-wrapper'); //empty the page $('body').children().remove(); diff --git a/src/style.css b/src/style.css index fd2b0fd..cb74d71 100644 --- a/src/style.css +++ b/src/style.css @@ -1,19 +1,20 @@ -.tagit-body { - width: 70%; - position: absolute; - overflow-y: auto; - right: 0; - padding: 10px; +.tagit-top-wrapper, +.tagit-top-wrapper > body, +.tagit-top-wrapper > body > iframe { height: 100%; + margin: 0; +} + +html.tagit-top-wrapper { + overflow: hidden; } .tagit-iframe { - position: fixed; - overflow-y: auto; width: 30%; - top: 0; - bottom: 0; - padding: 10px; +} + +.tagit-body { + width: 70%; } .tagit-iframe,