From 348bd87a12c487e958fea798130b53629021897a Mon Sep 17 00:00:00 2001 From: John Ahlroos Date: Tue, 5 Feb 2013 09:48:43 +0200 Subject: Fixed close icon too high in tabsheet when using IE9 and TABSHEET_MINIMAL style #10884 Change-Id: Iac91b00d60e55e80d5b4deea397bad1e4442d6a1 --- .../themes/reindeer/tabsheet/tabsheet-minimal-style.scss | 12 +++++++++--- 1 file 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, -- cgit v1.2.3