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 f128894ae1be1d9b783533776e6d5bd25c1816f7..571e539eaab385c1416dd0e6d268e52f042a56b5 100644 (file)
--- 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 a755654d33a1dc6ebce349731f901c3ca12fdaf2..69798ea7448ed747c4016c14fed12af18cce49e0 100644 (file)
--- 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;
 }