diff options
| author | John Ahlroos <john@vaadin.com> | 2013-02-05 09:48:43 +0200 |
|---|---|---|
| committer | Vaadin Code Review <review@vaadin.com> | 2013-02-11 16:34:41 +0000 |
| commit | 348bd87a12c487e958fea798130b53629021897a (patch) | |
| tree | db5b90d37321df47e835e39821e0b638dd5871da /WebContent | |
| parent | 8959135e3054fe0de1d36f705195b224df3d67d8 (diff) | |
| download | vaadin-framework-348bd87a12c487e958fea798130b53629021897a.tar.gz vaadin-framework-348bd87a12c487e958fea798130b53629021897a.zip | |
Fixed close icon too high in tabsheet when using IE9 and TABSHEET_MINIMAL style #10884
Change-Id: Iac91b00d60e55e80d5b4deea397bad1e4442d6a1
Diffstat (limited to 'WebContent')
| -rw-r--r-- | WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.scss | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.scss b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.scss index 989e1d3f5a..fe17d90e26 100644 --- a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.scss +++ b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.scss @@ -105,9 +105,15 @@ -moz-border-radius: 7px; } -.v-ie9 & .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close:only-child, -.v-ie9 & .#{$primaryStyleName}-tabs-minimal .v-captiontext:first-child + .#{$primaryStyleName}-caption-close { - margin-top: -14px; +.v-ie9 & .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem .#{$primaryStyleName}-caption-close { + &, &:hover, &:active { + + /* IE9 suffers from rounding subpixel values errors when measuring the tabs which makes the close button wrap. */ + margin-left: 2.5px; + + /* The close button is a pixel too high in IE9, adjust for that */ + margin-top: 1px; + } } .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close:hover, |