search

GitMurf / roam-highlighter

Chrome highlighter that quickly and easily puts your highlights into Roam format for easy pasting into your notes.
MIT License
340 stars 28 forks source link

Side window UI / HTML element Format issues on certain websites #78

Closed GitMurf closed 4 years ago

GitMurf commented 4 years ago

https://www.infoq.com/news/2020/10/github-main-branch/

image

GitMurf commented 4 years ago

Maybe a better way to "unset" all important CSS? Or maybe I need to move where I add the element and put it somewhere that isn't effected by all the CSS as not inheriting from a bunch of elements / CSS rules above it? Need to research.

GitMurf commented 4 years ago

Need to add !important to my "display" CSS styles as this site overruled it and had it hidden with an !important.

IkS92bKRmP

GitMurf commented 4 years ago

Look at using iframe instead.

https://stackoverflow.com/questions/4172221/how-to-stop-injected-html-div-css-from-inheriting-styles-internet-explorer

For creating iframe:

https://stackoverflow.com/questions/10598345/insert-iframe-into-a-div-using-javascript-for-greasemonkey

https://stackoverflow.com/questions/10598345/insert-iframe-into-a-div-using-javascript-for-greasemonkey

GitMurf commented 4 years ago

https://stackoverflow.com/questions/36645570/javascript-create-element-that-does-not-inherit-css

image

GitMurf commented 4 years ago

Maybe avoid iframe. Look at this article about resetting css.

https://stackoverflow.com/questions/15901030/reset-remove-css-styles-for-element-only

GitMurf commented 4 years ago

Fixed this with Issue #82 as now using iframe so html css issues are no longer present.