From bbf30fff168fd4a9552d23c8341e27aa1821884b Mon Sep 17 00:00:00 2001 From: Pekka Hyvönen Date: Wed, 29 Apr 2015 16:44:19 +0300 Subject: Details row decorator and border positioning and sizes (#17423) IE8 still isn't pixel perfect, but you can't have 'em all. Change-Id: I1780441f130032503d783657103066f502dce570 --- WebContent/VAADIN/themes/base/escalator/escalator.scss | 12 +++--------- WebContent/VAADIN/themes/base/grid/grid.scss | 3 ++- 2 files changed, 5 insertions(+), 10 deletions(-) (limited to 'WebContent/VAADIN') diff --git a/WebContent/VAADIN/themes/base/escalator/escalator.scss b/WebContent/VAADIN/themes/base/escalator/escalator.scss index bae95b299c..73d45854b9 100644 --- a/WebContent/VAADIN/themes/base/escalator/escalator.scss +++ b/WebContent/VAADIN/themes/base/escalator/escalator.scss @@ -136,20 +136,14 @@ .#{$primaryStyleName}-spacer { position: absolute; display: block; - + background-color: $background-color; - + > td { width: 100%; height: 100%; + @include box-sizing(border-box); } - .v-ie8 &, .v-ie9 & { - // The inline style of margin-top from the to offset the - // header's dimension is, for some strange reason, inherited into each - // contained . We need to cancel it: - - margin-top: 0; - } } } diff --git a/WebContent/VAADIN/themes/base/grid/grid.scss b/WebContent/VAADIN/themes/base/grid/grid.scss index ee503822b9..531abb1ff1 100644 --- a/WebContent/VAADIN/themes/base/grid/grid.scss +++ b/WebContent/VAADIN/themes/base/grid/grid.scss @@ -456,8 +456,9 @@ $v-grid-details-border-bottom-stripe: 1px solid darken($v-grid-row-background-co } .#{$primaryStyleName}-spacer-deco-container { + border-top: $v-grid-border-size solid transparent; // same size as table wrapper border position: relative; - top: $v-grid-border-size; + top: 0; // escalator will override top for scrolling and margin-top for header offset. z-index: 5; } -- cgit v1.2.3