diff options
| -rw-r--r-- | WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.scss | 10 | ||||
| -rw-r--r-- | WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.scss | 10 |
2 files changed, 13 insertions, 7 deletions
diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.scss b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.scss index 75ce9e1094..989e1d3f5a 100644 --- a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.scss +++ b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.scss @@ -104,12 +104,12 @@ -webkit-border-radius: 7px; -moz-border-radius: 7px; } -.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close { - margin-top: 1px; -} -.v-ff & .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close { - margin-top: -15px; + +.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; } + .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close:hover, .white .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close:hover { color: #fff; diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.scss b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.scss index 7dde13e55e..91bb3915be 100644 --- a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.scss +++ b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.scss @@ -55,9 +55,15 @@ font-size: 14px; font-weight: normal; } -.v-ff & .#{$primaryStyleName}-caption-close { - margin-top: -15px; +.v-ff & .#{$primaryStyleName}-caption-close{ + margin-top: -17px; } + +.v-ff & .#{$primaryStyleName}-caption-close:only-child { + margin-top: -1px; +} + + .#{$primaryStyleName}-caption-close:hover { background-image: url(img/close-btn-hover.png); /** sprite-ref: verticals */ } |