]> source.dussan.org Git - vaadin-framework.git/commitdiff
Fixes #4571: Icon for Table Footer sample
authorJouni Koivuviita <jouni.koivuviita@itmill.com>
Tue, 25 May 2010 08:32:11 +0000 (08:32 +0000)
committerJouni Koivuviita <jouni.koivuviita@itmill.com>
Tue, 25 May 2010 08:32:11 +0000 (08:32 +0000)
Additional style fixes as well for table footers.

svn changeset:13344/svn branch:6.4

WebContent/VAADIN/themes/base/styles.css
WebContent/VAADIN/themes/reindeer/styles.css
WebContent/VAADIN/themes/reindeer/table/table.css
WebContent/VAADIN/themes/runo/styles.css
WebContent/VAADIN/themes/runo/table/table.css
WebContent/VAADIN/themes/sampler/icons/sampleicons/75-TableFooter.gif [new file with mode: 0644]

index a4ba40b756588bd9f40ee9c5c7508216db07ff84..ab170b65ca5cad7555331147e9262043c24ac5ab 100644 (file)
@@ -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(common/img/sprites.png) no-repeat 5px -37px;
index 571e539eaab385c1416dd0e6d268e52f042a56b5..7c65a825bcb756a167f7262a93bfcd0effa8ed26 100644 (file)
@@ -4160,7 +4160,9 @@ td.v-datefield-calendarpanel-nextyear {
 
 /* Default & white style */
 .v-table-header-wrap,
-.white .v-table-header-wrap {
+.white .v-table-header-wrap,
+.v-table-footer-wrap,
+.white .v-table-footer-wrap {
        border-color: #c2c3c4;
        background: transparent repeat-x;
   background-image: url(common/img/vertical-sprites.png);
@@ -4171,24 +4173,34 @@ td.v-datefield-calendarpanel-nextyear {
        font-size: 10px;
        font-weight: bold;
        color: #222;
-       text-shadow: #fff 0 1px 0;
+       text-shadow: #f3f5f8 0 1px 0;
        line-height: normal;
 }
 
 .v-table-footer-wrap,
-.white .v-table-footer-wrap{
+.white .v-table-footer-wrap {
+       text-transform: none;
+       font-size: 12px;
+       font-weight: normal;
+}
+
+.v-table-footer td,
+.white .v-table-footer td {
        border-color: #c2c3c4;
-       background: transparent repeat-x;       
-       background-image: url(table/img/header-bg-light.png);
-       height: 20px;
 }
 
-.v-table-header {
-       height: 20px;
+.v-table-footer td:last-child {
+       border-right-color: transparent;
 }
+
+.v-table-footer-container {
+       padding-right: 7px;
+}
+
+.v-table-header,
 .v-table-footer,
 .v-table-footer table {
-       height: 20px;   
+       height: 20px;
 }
 
 .v-table-caption-container {
index fc9db768df4cae5a5596a6bfdc5209c24f8c3757..3a43a0fb49a6fbd4d5c2714ef8762a5485187bb3 100644 (file)
@@ -9,7 +9,9 @@
 
 /* Default & white style */
 .v-table-header-wrap,
-.white .v-table-header-wrap {
+.white .v-table-header-wrap,
+.v-table-footer-wrap,
+.white .v-table-footer-wrap {
        border-color: #c2c3c4;
        background: transparent repeat-x;
        background-image: url(img/header-bg-light.png); /** sprite-ref: verticals; sprite-alignment: repeat */
        font-size: 10px;
        font-weight: bold;
        color: #222;
-       text-shadow: #fff 0 1px 0;
+       text-shadow: #f3f5f8 0 1px 0;
        line-height: normal;
 }
 
 .v-table-footer-wrap,
-.white .v-table-footer-wrap{
+.white .v-table-footer-wrap {
+       text-transform: none;
+       font-size: 12px;
+       font-weight: normal;
+}
+
+.v-table-footer td,
+.white .v-table-footer td {
        border-color: #c2c3c4;
-       background: transparent repeat-x;       
-       background-image: url(img/header-bg-light.png);
-       height: 20px;
 }
 
-.v-table-header {
-       height: 20px;
+.v-table-footer td:last-child {
+       border-right-color: transparent;
+}
+
+.v-table-footer-container {
+       padding-right: 7px;
 }
+
+.v-table-header,
 .v-table-footer,
 .v-table-footer table {
-       height: 20px;   
+       height: 20px;
 }
 
 .v-table-caption-container {
index d8ccc2835def156ab925e2160c2d971fa201e526..afa5660cadf4c3077ea153470d5c0252b921dc34 100644 (file)
@@ -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;
@@ -3279,6 +3280,12 @@ div.v-csslayout-box-shadow {
        border-top: 1px solid #b6bbbc;
 }
 
+/* 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;
+}
+
 
 /* Error styles (disabled by default)
    ----------------------------------
@@ -3578,11 +3585,20 @@ div.v-csslayout-box-shadow {
        height: 36px;
        border: 1px solid #b6bbbc;
        border-bottom: none;
-       background: #e7edf3 url(table/img/header-bg.png) repeat-x;
+       background: #e7e9ea url(table/img/header-bg.png) repeat-x;
 }
 .v-table-header {
        height: 36px;
 }
+.v-table-footer-wrap {
+       border-color: #b6bbbc;
+       background: #e7e9ea url(table/img/header-bg.png) repeat-x;
+}
+.v-table-footer td {
+       border-right-color: #e8eaec;
+       padding-top: 3px;
+       padding-bottom: 3px;
+}
 .v-table-resizer {
        height: 36px;
        width: 4px;
@@ -4144,6 +4160,20 @@ textarea.v-textarea-small {
        height: 10px;
        padding: 1px;
 }
+.v-tree{
+       outline:none;   
+}
+.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
  ***************************************/
index be0c1add41a7ce5c2784c9f770fc00f76e27b665..499844e4d371e3de5e3b131b321120574a345a6f 100644 (file)
@@ -2,11 +2,20 @@
        height: 36px;
        border: 1px solid #b6bbbc;
        border-bottom: none;
-       background: #e7edf3 url(img/header-bg.png) repeat-x;
+       background: #e7e9ea url(img/header-bg.png) repeat-x;
 }
 .v-table-header {
        height: 36px;
 }
+.v-table-footer-wrap {
+       border-color: #b6bbbc;
+       background: #e7e9ea url(img/header-bg.png) repeat-x;
+}
+.v-table-footer td {
+       border-right-color: #e8eaec;
+       padding-top: 3px;
+       padding-bottom: 3px;
+}
 .v-table-resizer {
        height: 36px;
        width: 4px;
diff --git a/WebContent/VAADIN/themes/sampler/icons/sampleicons/75-TableFooter.gif b/WebContent/VAADIN/themes/sampler/icons/sampleicons/75-TableFooter.gif
new file mode 100644 (file)
index 0000000..0316afa
Binary files /dev/null and b/WebContent/VAADIN/themes/sampler/icons/sampleicons/75-TableFooter.gif differ