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

use the header as a veiwport border for dialogs.

Browse Source
This commit is contained in:
Zixaphir 2013-04-26 13:58:30 -07:00
parent 2f83193487
commit 7cacb568fb
4 changed files with 19 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
builds/4chan-X.js
View File

@ -2113,6 +2113,8 @@
dy: e.clientY - rect.top, dy: e.clientY - rect.top,
height: screenHeight - rect.height, height: screenHeight - rect.height,
width: screenWidth - rect.width, width: screenWidth - rect.width,
topBorder: Conf["Bottom Header"] ? 0 : Header.bar.getBoundingClientRect().height,
bottomBorder: Conf["Bottom Header"] ? Header.bar.getBoundingClientRect().height : 0,
screenHeight: screenHeight, screenHeight: screenHeight,
screenWidth: screenWidth, screenWidth: screenWidth,
isTouching: isTouching isTouching: isTouching
@ -2149,9 +2151,9 @@
left = clientX - this.dx; left = clientX - this.dx;
left = left < 10 ? 0 : this.width - left < 10 ? null : left / this.screenWidth * 100 + '%'; left = left < 10 ? 0 : this.width - left < 10 ? null : left / this.screenWidth * 100 + '%';
top = clientY - this.dy; top = clientY - this.dy;
top = top < 10 ? 0 : this.height - top < 10 ? null : top / this.screenHeight * 100 + '%'; top = top < (10 + this.topBorder) ? this.topBorder + 'px' : this.height - top < (10 + this.bottomBorder) ? null : top / this.screenHeight * 100 + '%';
right = left === null ? 0 : null; right = left === null ? 0 : null;
bottom = top === null ? 0 : null; bottom = top === null ? this.bottomBorder + 'px' : null;
style = this.style; style = this.style;
style.left = left; style.left = left;
style.right = right; style.right = right;

6
builds/4chan-X.user.js
View File

@ -2109,6 +2109,8 @@
dy: e.clientY - rect.top, dy: e.clientY - rect.top,
height: screenHeight - rect.height, height: screenHeight - rect.height,
width: screenWidth - rect.width, width: screenWidth - rect.width,
topBorder: Conf["Bottom Header"] ? 0 : Header.bar.getBoundingClientRect().height,
bottomBorder: Conf["Bottom Header"] ? Header.bar.getBoundingClientRect().height : 0,
screenHeight: screenHeight, screenHeight: screenHeight,
screenWidth: screenWidth, screenWidth: screenWidth,
isTouching: isTouching isTouching: isTouching
@ -2145,9 +2147,9 @@
left = clientX - this.dx; left = clientX - this.dx;
left = left < 10 ? 0 : this.width - left < 10 ? null : left / this.screenWidth * 100 + '%'; left = left < 10 ? 0 : this.width - left < 10 ? null : left / this.screenWidth * 100 + '%';
top = clientY - this.dy; top = clientY - this.dy;
top = top < 10 ? 0 : this.height - top < 10 ? null : top / this.screenHeight * 100 + '%'; top = top < (10 + this.topBorder) ? this.topBorder + 'px' : this.height - top < (10 + this.bottomBorder) ? null : top / this.screenHeight * 100 + '%';
right = left === null ? 0 : null; right = left === null ? 0 : null;
bottom = top === null ? 0 : null; bottom = top === null ? this.bottomBorder + 'px' : null;
style = this.style; style = this.style;
style.left = left; style.left = left;
style.right = right; style.right = right;

6
builds/crx/script.js
View File

@ -2022,6 +2022,8 @@
dy: e.clientY - rect.top, dy: e.clientY - rect.top,
height: screenHeight - rect.height, height: screenHeight - rect.height,
width: screenWidth - rect.width, width: screenWidth - rect.width,
topBorder: Conf["Bottom Header"] ? 0 : Header.bar.getBoundingClientRect().height,
bottomBorder: Conf["Bottom Header"] ? Header.bar.getBoundingClientRect().height : 0,
screenHeight: screenHeight, screenHeight: screenHeight,
screenWidth: screenWidth, screenWidth: screenWidth,
isTouching: isTouching isTouching: isTouching
@ -2058,9 +2060,9 @@
left = clientX - this.dx; left = clientX - this.dx;
left = left < 10 ? 0 : this.width - left < 10 ? null : left / this.screenWidth * 100 + '%'; left = left < 10 ? 0 : this.width - left < 10 ? null : left / this.screenWidth * 100 + '%';
top = clientY - this.dy; top = clientY - this.dy;
top = top < 10 ? 0 : this.height - top < 10 ? null : top / this.screenHeight * 100 + '%'; top = top < (10 + this.topBorder) ? this.topBorder + 'px' : this.height - top < (10 + this.bottomBorder) ? null : top / this.screenHeight * 100 + '%';
right = left === null ? 0 : null; right = left === null ? 0 : null;
bottom = top === null ? 0 : null; bottom = top === null ? this.bottomBorder + 'px' : null;
style = this.style; style = this.style;
style.left = left; style.left = left;
style.right = right; style.right = right;

11
src/lib/ui.coffee
View File

@ -222,6 +222,8 @@ UI = do ->
dy: e.clientY - rect.top dy: e.clientY - rect.top
height: screenHeight - rect.height height: screenHeight - rect.height
width: screenWidth - rect.width width: screenWidth - rect.width
topBorder: if Conf["Bottom Header"] then 0 else Header.bar.getBoundingClientRect().height
bottomBorder: if Conf["Bottom Header"] then Header.bar.getBoundingClientRect().height else 0
screenHeight: screenHeight screenHeight: screenHeight
screenWidth: screenWidth screenWidth: screenWidth
isTouching: isTouching isTouching: isTouching
@ -254,9 +256,9 @@ UI = do ->
left / @screenWidth * 100 + '%' left / @screenWidth * 100 + '%'
top = clientY - @dy top = clientY - @dy
top = if top < 10 top = if top < (10 + @topBorder)
0 @topBorder + 'px'
else if @height - top < 10 else if @height - top < (10 + @bottomBorder)
null null
else else
top / @screenHeight * 100 + '%' top / @screenHeight * 100 + '%'
@ -265,8 +267,9 @@ UI = do ->
0 0
else else
null null
bottom = if top is null bottom = if top is null
0 @bottomBorder + 'px'
else else
null null