aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorTeemu Suo-Anttila <teemusa@vaadin.com>2014-03-06 10:42:58 +0200
committerHenri Sara <hesara@vaadin.com>2014-03-06 10:50:02 +0200
commite8bef0bbf8d4019f445edfac72c2ba3001623d14 (patch)
tree8c16cabe42736b9a81fa438bcea7c02e0d03a084
parent41d0be6686bea3e8ade876570ef7f89cafa6750a (diff)
downloadvaadin-framework-e8bef0bbf8d4019f445edfac72c2ba3001623d14.tar.gz
vaadin-framework-e8bef0bbf8d4019f445edfac72c2ba3001623d14.zip
Fix TabSheet caption icon alignment on Chrome and Safari (#13077)7.1.12
Change-Id: I8cc0eb2796a328c1996417014833020319428b61
-rw-r--r--WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.scss8
1 files changed, 7 insertions, 1 deletions
diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.scss b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.scss
index b62791e4ce..a2091130a1 100644
--- a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.scss
+++ b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.scss
@@ -144,6 +144,12 @@
.v-sa & .#{$primaryStyleName}-tabs .v-captiontext {
display: inline-block;
}
+
+/* Align TabSheet icons differently on Chromes and Safaris #13077 */
+.v-sa & .#{$primaryStyleName}-tabs .v-icon {
+ vertical-align: top;
+}
+
.#{$primaryStyleName}-tabs .v-icon {
width: 16px !important;
height: 16px !important;
@@ -159,4 +165,4 @@
display: inline-block;
}
-} \ No newline at end of file
+}