nilsnh/tag-youre-it
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

resolved some styling issues. Plugin seem to handle being inserted into possibly hostile css environments much better.

Browse source
This commit is contained in:
Nils Norman Haukås 2016-01-17 21:50:02 +01:00
parent 1fb288f583
commit c4558dfac0
2 changed files with 17 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/plugin-specific/add-iframe-to-page.js
View file

@ -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();

23
src/style.css
View file

@ -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,