Goyslop/4chan-x
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Determine proper background color for dialogs if 4chan is using a special stylesheet.

Browse Source
This commit is contained in:
ccd0 2016-04-01 10:19:32 -07:00
parent 9dfa78fc9f
commit 3150c95536
1 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/General/Main.coffee
View File

@ -185,6 +185,7 @@ Main =
$.addClass doc, $.engine if $.engine $.addClass doc, $.engine if $.engine
$.onExists doc, '.ad-cnt', (ad) -> $.onExists ad, 'img', -> $.addClass doc, 'ads-loaded' $.onExists doc, '.ad-cnt', (ad) -> $.onExists ad, 'img', -> $.addClass doc, 'ads-loaded'
$.addStyle Main.css, 'fourchanx-css' $.addStyle Main.css, 'fourchanx-css'
Main.bgColorStyle = $.el 'style', id: 'fourchanx-bgcolor-css'
keyboard = false keyboard = false
$.on d, 'mousedown', -> keyboard = false $.on d, 'mousedown', -> keyboard = false
@ -210,6 +211,21 @@ Main =
break break
if style if style
$.addClass doc, style $.addClass doc, style
$.rm Main.bgColorStyle
else
# Determine proper background color for dialogs if 4chan is using a special stylesheet.
div = $.el 'div',
className: 'reply'
style: 'position: absolute; visibility: hidden;'
$.add d.body, div
bgColor = window.getComputedStyle(div).backgroundColor
$.rm div
Main.bgColorStyle.textContent = """
.dialog, .suboption-list > div:last-of-type {
background-color: #{bgColor};
}
"""
$.after $.id('fourchanx-css'), Main.bgColorStyle
setStyle() setStyle()
return unless mainStyleSheet return unless mainStyleSheet
new MutationObserver(setStyle).observe mainStyleSheet, new MutationObserver(setStyle).observe mainStyleSheet,