summaryrefslogtreecommitdiffstats
path: root/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.scss
diff options
context:
space:
mode:
Diffstat (limited to 'WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.scss')
-rw-r--r--WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.scss12
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,