aboutsummaryrefslogtreecommitdiffstats
path: root/WebContent/VAADIN/themes/base/escalator
diff options
context:
space:
mode:
authorHenrik Paul <henrik@vaadin.com>2013-10-09 14:35:10 +0300
committerHenrik Paul <henrik@vaadin.com>2013-11-08 15:36:52 +0200
commitecb954092f2bb3e3b2c5b1acfc7447993ed84468 (patch)
tree6e5a0dd24470865960fbc7bd78b4f93bbfe530fe /WebContent/VAADIN/themes/base/escalator
parentb29caad20c1d14a655f546493f6c5507a0a6f856 (diff)
downloadvaadin-framework-ecb954092f2bb3e3b2c5b1acfc7447993ed84468.tar.gz
vaadin-framework-ecb954092f2bb3e3b2c5b1acfc7447993ed84468.zip
Implement escalator pattern for widget (#12645)
Change-Id: Ibdc5a5162ae88e886e74d93f3f75f4ea3c6dab89
Diffstat (limited to 'WebContent/VAADIN/themes/base/escalator')
-rw-r--r--WebContent/VAADIN/themes/base/escalator/escalator.scss48
1 files changed, 34 insertions, 14 deletions
diff --git a/WebContent/VAADIN/themes/base/escalator/escalator.scss b/WebContent/VAADIN/themes/base/escalator/escalator.scss
index 9dad07d3e0..461a3050e9 100644
--- a/WebContent/VAADIN/themes/base/escalator/escalator.scss
+++ b/WebContent/VAADIN/themes/base/escalator/escalator.scss
@@ -31,34 +31,54 @@ $border-color: #aaa;
width: inherit; /* a decent default fallback */
}
-.#{$primaryStyleName}-header {
+.#{$primaryStyleName}-header,
+.#{$primaryStyleName}-body,
+.#{$primaryStyleName}-footer {
position: absolute;
- top: 0;
left: 0;
width: inherit;
z-index: 10;
}
+.#{$primaryStyleName}-header { top: 0; }
+.#{$primaryStyleName}-footer { bottom: 0; }
+
.#{$primaryStyleName}-body {
- position: absolute;
+ z-index: 0;
top: 0;
- left: 0;
- width: inherit;
+
+ .#{$primaryStyleName}-row {
+ position: absolute;
+ top: 0;
+ left: 0;
+ }
}
-.#{$primaryStyleName}-footer {
- position: absolute;
- bottom: 0;
- left: 0;
- width: inherit;
+.#{$primaryStyleName}-row {
+ display: block;
+
+ .v-ie8 & {
+ /* IE8 doesn't let table rows be longer than body only with display block. Moar hax. */
+ float: left;
+ clear: left;
+
+ /*
+ * The inline style of margin-top from the <tbody> to offset the header's dimension is,
+ * for some strange reason, inherited into each contained <tr>.
+ * We need to cancel it:
+ */
+ margin-top: 0;
+ }
+
+ > td, > th {
+ /* IE8 likes the bgcolor here instead of on the row */
+ background-color: $background-color;
+ }
}
+
.#{$primaryStyleName}-row {
- position: absolute;
width: inherit;
- top: 0;
- left: 0;
- background-color: $background-color;
}
.#{$primaryStyleName}-cell {