diff options
| author | Henrik Paul <henrik@vaadin.com> | 2013-09-24 15:03:56 +0300 |
|---|---|---|
| committer | Henrik Paul <henrik@vaadin.com> | 2013-10-09 14:26:05 +0300 |
| commit | b29caad20c1d14a655f546493f6c5507a0a6f856 (patch) | |
| tree | 08c8e09bc2948f3d9fbbc5f2029c7ec0db5d7c37 /WebContent/VAADIN/themes/base | |
| parent | 0f7bcffdb9f753148d1027ff380c9520bb78bfd8 (diff) | |
| download | vaadin-framework-b29caad20c1d14a655f546493f6c5507a0a6f856.tar.gz vaadin-framework-b29caad20c1d14a655f546493f6c5507a0a6f856.zip | |
Initial escalator commit (#12645)
Change-Id: Ibd0ac2896e12b99ddebdc26674a2dfced486c49a
Diffstat (limited to 'WebContent/VAADIN/themes/base')
| -rw-r--r-- | WebContent/VAADIN/themes/base/base.scss | 2 | ||||
| -rw-r--r-- | WebContent/VAADIN/themes/base/escalator/escalator.scss | 72 |
2 files changed, 74 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/base/base.scss b/WebContent/VAADIN/themes/base/base.scss index f22af7670e..2ea70036c4 100644 --- a/WebContent/VAADIN/themes/base/base.scss +++ b/WebContent/VAADIN/themes/base/base.scss @@ -15,6 +15,7 @@ @import "inlinedatefield/inlinedatefield.scss"; @import "dragwrapper/dragwrapper.scss"; @import "embedded/embedded.scss"; +@import "escalator/escalator.scss"; @import "formlayout/formlayout.scss"; @import "gridlayout/gridlayout.scss"; @import "label/label.scss"; @@ -82,6 +83,7 @@ $line-height: normal; @include base-inline-datefield; @include base-dragwrapper; @include base-embedded; + @include base-escalator; @include base-formlayout; @include base-gridlayout; @include base-label; diff --git a/WebContent/VAADIN/themes/base/escalator/escalator.scss b/WebContent/VAADIN/themes/base/escalator/escalator.scss new file mode 100644 index 0000000000..9dad07d3e0 --- /dev/null +++ b/WebContent/VAADIN/themes/base/escalator/escalator.scss @@ -0,0 +1,72 @@ +@mixin base-escalator($primaryStyleName : v-escalator) { + +$background-color: white; +$border-color: #aaa; + +.#{$primaryStyleName} { + position: relative; + background-color: $background-color; +} + +.#{$primaryStyleName}-cell { + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.#{$primaryStyleName}-scroller { + position: absolute; + overflow: auto; + height: inherit; + width: inherit; /* width will be overridden if we have frozen columns */ +} + +.#{$primaryStyleName}-tablewrapper { + position: absolute; + overflow: hidden; +} + +.#{$primaryStyleName}-tablewrapper > table { + border-spacing: 0; + table-layout: fixed; + width: inherit; /* a decent default fallback */ +} + +.#{$primaryStyleName}-header { + position: absolute; + top: 0; + left: 0; + width: inherit; + z-index: 10; +} + +.#{$primaryStyleName}-body { + position: absolute; + top: 0; + left: 0; + width: inherit; +} + +.#{$primaryStyleName}-footer { + position: absolute; + bottom: 0; + left: 0; + width: inherit; +} + +.#{$primaryStyleName}-row { + position: absolute; + width: inherit; + top: 0; + left: 0; + background-color: $background-color; +} + +.#{$primaryStyleName}-cell { + display: block; + float: left; + border: 1px solid $border-color; + padding: 2px; + white-space: nowrap; +} + +}
\ No newline at end of file |