Skip to content

Commit 5156c40

Browse files
committed
Fix some issues with MaterialCutOut.
1 parent b39b04e commit 5156c40

File tree

1 file changed

+12
-14
lines changed

1 file changed

+12
-14
lines changed

src/main/java/gwt/material/design/addins/client/cutout/MaterialCutOut.java

Lines changed: 12 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,8 @@
8585
* @see <a href="http://gwtmaterialdesign.github.io/gwt-material-demo/#cutouts">Material Cutouts</a>
8686
*/
8787
// @formatter:on
88-
public class MaterialCutOut extends MaterialWidget implements HasCloseHandlers<MaterialCutOut>, HasOpenHandlers<MaterialCutOut>, HasCircle {
88+
public class MaterialCutOut extends MaterialWidget implements HasCloseHandlers<MaterialCutOut>,
89+
HasOpenHandlers<MaterialCutOut>, HasCircle {
8990

9091
private Color backgroundColor = Color.BLUE;
9192
private double opacity = 0.8;
@@ -386,10 +387,7 @@ public void close(boolean autoClosed) {
386387
* Setups the cut out position when the screen changes size or is scrolled.
387388
*/
388389
protected void setupCutOutPosition(Element cutOut, Element relativeTo, int padding, boolean circle) {
389-
float bodyTop = body().scrollTop();
390-
float targetTop = relativeTo.getAbsoluteTop();
391-
392-
float top = targetTop - bodyTop;
390+
float top = relativeTo.getAbsoluteTop() - body().scrollTop();
393391
float left = relativeTo.getAbsoluteLeft();
394392

395393
float width = relativeTo.getOffsetWidth();
@@ -407,17 +405,17 @@ protected void setupCutOutPosition(Element cutOut, Element relativeTo, int paddi
407405
left -= dif / 2;
408406
}
409407
}
408+
}
410409

411-
top -= padding;
412-
left -= padding;
413-
width += padding * 2;
414-
height += padding * 2;
410+
top -= padding;
411+
left -= padding;
412+
width += padding * 2;
413+
height += padding * 2;
415414

416-
$(cutOut).css("top", top + "px");
417-
$(cutOut).css("left", left + "px");
418-
$(cutOut).css("width", width + "px");
419-
$(cutOut).css("height", height + "px");
420-
}
415+
$(cutOut).css("top", top + "px");
416+
$(cutOut).css("left", left + "px");
417+
$(cutOut).css("width", width + "px");
418+
$(cutOut).css("height", height + "px");
421419
}
422420

423421
/**

0 commit comments

Comments
 (0)