From: Jouni Koivuviita <jouni.koivuviita@itmill.com>
Date: Mon, 24 May 2010 13:30:45 +0000 (+0000)
Subject: Fixes #3161: Reindeer black window rounded borders look pixelated in Chrome
X-Git-Tag: 6.7.0.beta1~1654
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=058495a1c5ec03eaca57c522d9c9976f676c0337;p=vaadin-framework.git

Fixes #3161: Reindeer black window rounded borders look pixelated in Chrome

svn changeset:13327/svn branch:6.4
---

diff --git a/WebContent/VAADIN/themes/reindeer/styles.css b/WebContent/VAADIN/themes/reindeer/styles.css
index f128894ae1..571e539eaa 100644
--- a/WebContent/VAADIN/themes/reindeer/styles.css
+++ b/WebContent/VAADIN/themes/reindeer/styles.css
@@ -493,7 +493,7 @@ div.v-app-loading {
 .v-datefield-button {
 	cursor: pointer;
 }
-.v-readonly .v-datefield-button {
+.v-datefield .v-datefield-button-readonly {
 	display: none;
 }
 .v-datefield-calendarpanel table {
@@ -1851,6 +1851,7 @@ textarea.v-textarea-readonly:focus {
 	text-align: left; /* Force default alignment */
 	overflow: hidden;
 	padding: 1px 0;
+	outline: none;
 }
 .v-tree-node {
 	background: transparent url(../base/common/img/sprites.png) no-repeat 5px -37px;
@@ -3040,7 +3041,7 @@ td.v-datefield-calendarpanel-nextyear {
 	-webkit-border-bottom-right-radius: 0;
 	height: 14px;
 }
-.v-readonly input.v-datefield-textfield {
+.v-datefield.v-readonly input.v-datefield-textfield {
 	border-right-width: 1px;
 	border-radius: 3px;
 	-moz-border-radius: 3px;
@@ -4024,6 +4025,12 @@ td.v-datefield-calendarpanel-nextyear {
 	padding-right: 12px;
 }
 
+/* IE6 needs some help identifying when the input is readonly */
+.v-ie6 .v-filterselect.v-readonly,
+.v-ie6 .v-filterselect .v-filterselect-input-readonly {
+	background: transparent;
+}
+
 .v-slider {
 	border-top: 1px solid #9a9c9e;
 	border-bottom: 1px solid #bdbfc1;
@@ -5218,6 +5225,17 @@ textarea.v-textarea-readonly,
 	height: 10px;
 	padding: 1px;
 }
+.v-tree-node-caption.v-tree-node-focused span{
+	padding-left: 1px;
+	padding-top: 0px;
+	padding-bottom: 0px;
+}
+.v-tree-node-focused span{
+	border: 1px dotted black;	
+}
+.v-ie6 .v-tree-node-ie6compatnode.v-tree-node-focused{
+	padding-left: 0px;
+}
 /***************************************
  * Drag'n'drop styles
  ***************************************/
@@ -5413,8 +5431,8 @@ textarea.v-textarea-readonly,
 }
 .v-window-black .v-window-wrap2 {
 	background-color: #1d2021;
-	-moz-border-radius: 8px;
-	-webkit-border-radius: 8px;
+	-moz-border-radius: 7px;
+	-webkit-border-radius: 7px;
 }
 .v-sa .v-window-black .v-window-wrap2,
 .v-ff3 .v-window-black .v-window-wrap2,
@@ -5430,10 +5448,10 @@ textarea.v-textarea-readonly,
   -background-image: url(common/img/black-vertical-sprites-ie6.png);
   background-position: left -763px;
 	text-align: center;
-	-moz-border-radius-topright: 8px;
-	-moz-border-radius-topleft: 8px;
-	-webkit-border-top-right-radius: 8px;
-	-webkit-border-top-left-radius: 8px;
+	-moz-border-radius-topright: 7px;
+	-moz-border-radius-topleft: 7px;
+	-webkit-border-top-right-radius: 7px;
+	-webkit-border-top-left-radius: 7px;
 	overflow: hidden;
 	border: none;
 }
diff --git a/WebContent/VAADIN/themes/reindeer/window/window.css b/WebContent/VAADIN/themes/reindeer/window/window.css
index a755654d33..69798ea744 100644
--- a/WebContent/VAADIN/themes/reindeer/window/window.css
+++ b/WebContent/VAADIN/themes/reindeer/window/window.css
@@ -161,8 +161,8 @@
 }
 .v-window-black .v-window-wrap2 {
 	background-color: #1d2021;
-	-moz-border-radius: 8px;
-	-webkit-border-radius: 8px;
+	-moz-border-radius: 7px;
+	-webkit-border-radius: 7px;
 }
 .v-sa .v-window-black .v-window-wrap2,
 .v-ff3 .v-window-black .v-window-wrap2,
@@ -176,10 +176,10 @@
 	background: transparent repeat-x;
 	background-image: url(img/black/header-bg.png); /** sprite-ref: black-verticals; sprite-alignment: repeat */
 	text-align: center;
-	-moz-border-radius-topright: 8px;
-	-moz-border-radius-topleft: 8px;
-	-webkit-border-top-right-radius: 8px;
-	-webkit-border-top-left-radius: 8px;
+	-moz-border-radius-topright: 7px;
+	-moz-border-radius-topleft: 7px;
+	-webkit-border-top-right-radius: 7px;
+	-webkit-border-top-left-radius: 7px;
 	overflow: hidden;
 	border: none;
 }