Fixes #3456: DateField rendered wrong in readonly mode

svn changeset:9121/svn branch:6.2

1 files changed, 14 insertions, 4 deletions

diff --git a/WebContent/VAADIN/themes/reindeer/datefield/datefield.css b/WebContent/VAADIN/themes/reindeer/datefield/datefield.css
index a2bf290326..9abfde2676 100644
--- a/WebContent/VAADIN/themes/reindeer/datefield/datefield.css
+++ b/WebContent/VAADIN/themes/reindeer/datefield/datefield.css
@@ -213,7 +213,7 @@ td.v-datefield-calendarpanel-nextyear {
 	padding: 8px 4px;
 	border-radius: 3px;
 	-webkit-border-radius: 3px;
-	-moz-border-radisu: 3px;
+	-moz-border-radius: 3px;
 }
 .v-sa .v-datefield-popup,
 .v-ff3 .v-datefield-popup,
@@ -233,20 +233,30 @@ td.v-datefield-calendarpanel-nextyear {
 	width: 12em;
 }
 .v-datefield-popupcalendar .v-datefield-textfield {
-	border-right: none;
+	border-right-width: 0;
 	height: 18px;
 }
-.v-ff .v-datefield-popupcalendar .v-datefield-textfield,
-.v-op .v-datefield-popupcalendar .v-datefield-textfield {
+.v-readonly .v-datefield-textfield {
+	border-right-width: 1px;
+}
+.v-ff .v-datefield-popupcalendar .v-datefield-textfield {
 	border-radius-topright: 0;
 	border-radius-bottomright: 0;
 	-moz-border-radius-topright: 0;
 	-moz-border-radius-bottomright: 0;
 }
+.v-ff .v-readonly .v-datefield-textfield {
+	border-radius: 3px;
+	-moz-border-radius: 3px;
+}
 .v-sa .v-datefield-popupcalendar .v-datefield-textfield,
 .v-ff35 .v-datefield-popupcalendar .v-datefield-textfield {
 	border-width: 0 0 0 3px;
 }
+.v-sa .v-datefield-popupcalendar .v-textfield-readonly,
+.v-ff35 .v-datefield-popupcalendar .v-textfield-readonly {
+	border-width: 0 3px;
+}
 .v-datefield-popupcalendar .v-datefield-button {
 	width: 24px;
 	height: 23px;