From: Jouni Koivuviita Date: Thu, 14 May 2009 11:13:44 +0000 (+0000) Subject: "poro" theme update: X-Git-Tag: 6.7.0.beta1~2887 X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=b1097e1f345a4c8fe2e166cd1da7a4760c90c146;p=vaadin-framework.git "poro" theme update: * slider theme added * table theme fixes * error indicator fixes in many components svn changeset:7800/svn branch:6.0 --- diff --git a/WebContent/VAADIN/themes/base/slider/slider.css b/WebContent/VAADIN/themes/base/slider/slider.css index 2288cfc47a..7df6a4d667 100644 --- a/WebContent/VAADIN/themes/base/slider/slider.css +++ b/WebContent/VAADIN/themes/base/slider/slider.css @@ -16,7 +16,6 @@ height: 12px; margin-top: -5px; font-size: 0; - cursor: pointer; } .v-slider-vertical { @@ -36,7 +35,6 @@ width: 12px; height: 12px; font-size: 0; - cursor: pointer; margin-left: -5px; } diff --git a/WebContent/VAADIN/themes/base/styles.css b/WebContent/VAADIN/themes/base/styles.css index 123f01f742..b52c8a51dc 100644 --- a/WebContent/VAADIN/themes/base/styles.css +++ b/WebContent/VAADIN/themes/base/styles.css @@ -980,7 +980,6 @@ height: 12px; margin-top: -5px; font-size: 0; - cursor: pointer; } .v-slider-vertical { @@ -1000,7 +999,6 @@ width: 12px; height: 12px; font-size: 0; - cursor: pointer; margin-left: -5px; } diff --git a/WebContent/VAADIN/themes/default/styles.css b/WebContent/VAADIN/themes/default/styles.css index 93b65382af..5f39650ea9 100644 --- a/WebContent/VAADIN/themes/default/styles.css +++ b/WebContent/VAADIN/themes/default/styles.css @@ -980,7 +980,6 @@ height: 12px; margin-top: -5px; font-size: 0; - cursor: pointer; } .v-slider-vertical { @@ -1000,7 +999,6 @@ width: 12px; height: 12px; font-size: 0; - cursor: pointer; margin-left: -5px; } diff --git a/WebContent/VAADIN/themes/reindeer/button/button.css b/WebContent/VAADIN/themes/reindeer/button/button.css index 4a9dd18832..119c7bf89b 100644 --- a/WebContent/VAADIN/themes/reindeer/button/button.css +++ b/WebContent/VAADIN/themes/reindeer/button/button.css @@ -102,20 +102,29 @@ div > .v-button .v-icon, /* Buttons with error indicator */ div > .v-button .v-errorindicator, .v-ie7 .v-button .v-errorindicator { - display: inline; position: absolute; - width: 5px; - height: 26px; - background: transparent url(../../default/icons/16/error.png) no-repeat 50%; - overflow: hidden; + display: inline-block; + width: 9px; + height: 16px; + background: transparent url(../common/icons/error.png) no-repeat 50%; + padding: 0; + margin: 0; } .v-ie6 .v-button .v-errorindicator { position: absolute; - width: 5px; - height: 18px; - background: transparent url(../../default/icons/16/error.gif) no-repeat 50%; - overflow: hidden; - margin-left: -10px; + display: inline; + width: 9px; + height: 16px; + background: transparent url(../common/icons/error-ie6.png) no-repeat 50%; +} +.v-ff .v-button, +.v-sa .v-button { + position: relative; +} +.v-ff .v-button .v-errorindicator, +.v-sa .v-button .v-errorindicator { + top: 2px; + left: 10px; } /* Link style buttons */ .v-button.v-button-link, diff --git a/WebContent/VAADIN/themes/reindeer/common/common.css b/WebContent/VAADIN/themes/reindeer/common/common.css index 9cbf4b29ea..50998dc325 100644 --- a/WebContent/VAADIN/themes/reindeer/common/common.css +++ b/WebContent/VAADIN/themes/reindeer/common/common.css @@ -50,16 +50,12 @@ font-family: Helvetica, Arial, "Lucida Grande", Geneva, Tahoma, Verdana, sans-serif; } .v-errorindicator { - width: 12px; + width: 13px; height: 16px; - background: transparent url(../../default/icons/16/error.png) no-repeat top right; + background: transparent url(../common/icons/error.png) no-repeat 50%; } .v-ie6 .v-errorindicator { - /* gif for transparency */ - background-image: url(../../default/icons/16/error.gif); -} -.v-ie7 .v-errorindicator { - margin-left: -3px; + background-image: url(../common/icons/error-ie6.png); } .v-tooltip { background-color: #fffcdd; diff --git a/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites-ie6.png b/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites-ie6.png index 7391c3df06..e5ae0125bb 100644 Binary files a/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites-ie6.png and b/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites-ie6.png differ diff --git a/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites.png b/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites.png index 4c2bcb60be..fa76152927 100644 Binary files a/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites.png and b/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites.png differ diff --git a/WebContent/VAADIN/themes/reindeer/panel/panel.css b/WebContent/VAADIN/themes/reindeer/panel/panel.css index 6576c8233f..2a42e3d0db 100644 --- a/WebContent/VAADIN/themes/reindeer/panel/panel.css +++ b/WebContent/VAADIN/themes/reindeer/panel/panel.css @@ -32,4 +32,18 @@ .v-ff3 .v-panel-deco { border-top-color: rgba(0,0,0,.1); background: rgba(0,0,0,.08); +} +.v-panel-caption .v-errorindicator { + height: 16px; + width: 13px; + background: url(../common/icons/error.png) no-repeat 50%; + display: inline; + display: inline-block; + vertical-align: middle; +} +.v-ie6 .v-panel-caption .v-errorindicator { + background-image: url(../common/icons/error-ie6.png); +} +.v-ff2 .v-panel-caption .v-errorindicator { + display: -moz-inline-stack; } \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/slider/img/knob-pressed.png b/WebContent/VAADIN/themes/reindeer/slider/img/knob-pressed.png new file mode 100644 index 0000000000..3ea2724e77 Binary files /dev/null and b/WebContent/VAADIN/themes/reindeer/slider/img/knob-pressed.png differ diff --git a/WebContent/VAADIN/themes/reindeer/slider/img/knob.png b/WebContent/VAADIN/themes/reindeer/slider/img/knob.png new file mode 100644 index 0000000000..897d45b415 Binary files /dev/null and b/WebContent/VAADIN/themes/reindeer/slider/img/knob.png differ diff --git a/WebContent/VAADIN/themes/reindeer/slider/slider.css b/WebContent/VAADIN/themes/reindeer/slider/slider.css new file mode 100644 index 0000000000..33ce41ca72 --- /dev/null +++ b/WebContent/VAADIN/themes/reindeer/slider/slider.css @@ -0,0 +1,41 @@ +.v-slider { + border-top: 1px solid #9a9c9e; + border-bottom: 1px solid #bdbfc1; + margin: 4px 0; +} +.v-slider-base { + height: 1px; + background: #e0e2e2; + border-top: 1px solid #adb0b1; + border-left: 1px solid #a0a3a6; + border-right: 1px solid #a0a3a6; +} +.v-slider-handle { + background: transparent; + background-image: url(img/knob.png); /** sprite-ref: verticals */ + width: 10px; + height: 10px; + margin-top: -5px; +} +.v-slider-handle:active { + background-image: url(img/knob-pressed.png); /** sprite-ref: verticals */ +} +.v-slider-vertical { + width: 2px; + margin: 0 5px; + border: none; + border-left: 1px solid #9a9c9e; + border-right: 1px solid #bdbfc1; +} +.v-slider-vertical .v-slider-base { + width: 2px; + border-left: 1px solid #adb0b1; + border-right: none; + border-top: 1px solid #adb0b1; + border-bottom: 1px solid #adb0b1; +} +.v-slider-vertical .v-slider-handle { + width: 10px; + height: 10px; + margin-left: -5px; +} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/styles.css b/WebContent/VAADIN/themes/reindeer/styles.css index 43361538c8..0184a7f2d1 100644 --- a/WebContent/VAADIN/themes/reindeer/styles.css +++ b/WebContent/VAADIN/themes/reindeer/styles.css @@ -980,7 +980,6 @@ height: 12px; margin-top: -5px; font-size: 0; - cursor: pointer; } .v-slider-vertical { @@ -1000,7 +999,6 @@ width: 12px; height: 12px; font-size: 0; - cursor: pointer; margin-left: -5px; } @@ -1676,20 +1674,29 @@ div > .v-button .v-icon, /* Buttons with error indicator */ div > .v-button .v-errorindicator, .v-ie7 .v-button .v-errorindicator { - display: inline; position: absolute; - width: 5px; - height: 26px; - background: transparent url(../default/icons/16/error.png) no-repeat 50%; - overflow: hidden; + display: inline-block; + width: 9px; + height: 16px; + background: transparent url(common/icons/error.png) no-repeat 50%; + padding: 0; + margin: 0; } .v-ie6 .v-button .v-errorindicator { position: absolute; - width: 5px; - height: 18px; - background: transparent url(../default/icons/16/error.gif) no-repeat 50%; - overflow: hidden; - margin-left: -10px; + display: inline; + width: 9px; + height: 16px; + background: transparent url(common/icons/error-ie6.png) no-repeat 50%; +} +.v-ff .v-button, +.v-sa .v-button { + position: relative; +} +.v-ff .v-button .v-errorindicator, +.v-sa .v-button .v-errorindicator { + top: 2px; + left: 10px; } /* Link style buttons */ .v-button.v-button-link, @@ -1899,16 +1906,12 @@ div > .v-button-small span, font-family: Helvetica, Arial, "Lucida Grande", Geneva, Tahoma, Verdana, sans-serif; } .v-errorindicator { - width: 12px; + width: 13px; height: 16px; - background: transparent url(../default/icons/16/error.png) no-repeat top right; + background: transparent url(common/icons/error.png) no-repeat 50%; } .v-ie6 .v-errorindicator { - /* gif for transparency */ - background-image: url(../default/icons/16/error.gif); -} -.v-ie7 .v-errorindicator { - margin-left: -3px; + background-image: url(common/icons/error-ie6.png); } .v-tooltip { background-color: #fffcdd; @@ -2352,6 +2355,20 @@ td.v-datefield-calendarpanel-nextyear { border-top-color: rgba(0,0,0,.1); background: rgba(0,0,0,.08); } +.v-panel-caption .v-errorindicator { + height: 16px; + width: 13px; + background: url(common/icons/error.png) no-repeat 50%; + display: inline; + display: inline-block; + vertical-align: middle; +} +.v-ie6 .v-panel-caption .v-errorindicator { + background-image: url(common/icons/error-ie6.png); +} +.v-ff2 .v-panel-caption .v-errorindicator { + display: -moz-inline-stack; +} /* ./WebContent/VAADIN/themes/reindeer/select/select.css */ .v-filterselect { @@ -2575,6 +2592,53 @@ td.v-datefield-calendarpanel-nextyear { } /* Filterselect with icon needs a similar fix than in buttons */ +/* ./WebContent/VAADIN/themes/reindeer/slider/slider.css */ +.v-slider { + border-top: 1px solid #9a9c9e; + border-bottom: 1px solid #bdbfc1; + margin: 4px 0; +} +.v-slider-base { + height: 1px; + background: #e0e2e2; + border-top: 1px solid #adb0b1; + border-left: 1px solid #a0a3a6; + border-right: 1px solid #a0a3a6; +} +.v-slider-handle { + background: transparent; + background-image: url(common/img/vertical-sprites.png); + -background-image: url(common/img/vertical-sprites-ie6.png); + background-position: left -733px; + width: 10px; + height: 10px; + margin-top: -5px; +} +.v-slider-handle:active { + background-image: url(common/img/vertical-sprites.png); + -background-image: url(common/img/vertical-sprites-ie6.png); + background-position: left -743px; +} +.v-slider-vertical { + width: 2px; + margin: 0 5px; + border: none; + border-left: 1px solid #9a9c9e; + border-right: 1px solid #bdbfc1; +} +.v-slider-vertical .v-slider-base { + width: 2px; + border-left: 1px solid #adb0b1; + border-right: none; + border-top: 1px solid #adb0b1; + border-bottom: 1px solid #adb0b1; +} +.v-slider-vertical .v-slider-handle { + width: 10px; + height: 10px; + margin-left: -5px; +} + /* ./WebContent/VAADIN/themes/reindeer/splitpanel/splitpanel.css */ .v-splitpanel-horizontal .v-splitpanel-hsplitter { width: 7px; @@ -2595,7 +2659,7 @@ td.v-datefield-calendarpanel-nextyear { background-repeat: repeat-x; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -733px; + background-position: left -753px; } .v-splitpanel-vertical .v-splitpanel-vsplitter div { height: 7px; @@ -2604,16 +2668,17 @@ td.v-datefield-calendarpanel-nextyear { background-position: 50%; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: center -740px; + background-position: center -760px; } /* ./WebContent/VAADIN/themes/reindeer/table/table.css */ .v-table-header-wrap { border-color: #2b3033; + border-top: none; background: transparent repeat-x; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -747px; + background-position: left -767px; height: 20px; text-transform: uppercase; font-size: 10px; @@ -2622,6 +2687,9 @@ td.v-datefield-calendarpanel-nextyear { text-shadow: #000 0 -1px 0; line-height: normal; } +.v-table-header { + height: 20px; +} .v-table-caption-container { heigth: 16px; padding-top: 4px; @@ -2645,17 +2713,17 @@ td.v-datefield-calendarpanel-nextyear { background: transparent no-repeat right 7px; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: right -767px; + background-position: right -787px; } .v-table-header-cell-desc .v-table-caption-container { background: transparent no-repeat right 7px; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: right -786px; + background-position: right -806px; } .v-table-body { border-color: #c2c3c4; - border-top-color: #2b3033; + background: #fff; } .v-table-cell-content { padding-top: 0; @@ -2668,7 +2736,6 @@ td.v-datefield-calendarpanel-nextyear { } .v-table-row, .v-table-row-odd { - background: #fff; height: 19px; } .v-table-row-odd { @@ -2678,7 +2745,7 @@ td.v-datefield-calendarpanel-nextyear { background: #4d749f repeat-x; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -805px; + background-position: left -825px; color: #fff; text-shadow: #3b5a7a 0 1px 0; } @@ -2692,25 +2759,27 @@ td.v-datefield-calendarpanel-nextyear { background: transparent no-repeat; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -825px; + background-position: left -845px; } .v-table-column-selector:active { background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -845px; + background-position: left -865px; } .v-table-focus-slot-left { border-left-color: #9ca1a5; + margin-left: 0; } .v-table-focus-slot-right { border-right-color: #9ca1a5; + margin-right: 0; } .v-table-header-drag { font-family: arial, helvetica, verdana, sans-serif; background: transparent repeat-x; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -865px; + background-position: left -885px; padding: 4px; text-transform: uppercase; font-size: 10px; @@ -2719,10 +2788,36 @@ td.v-datefield-calendarpanel-nextyear { text-shadow: #000 0 -1px 0; line-height: normal; } +.v-table-header-drag * { + vertical-align: middle; +} +.v-table-header-drag img { + height: 16px; + margin: -3px 3px 0 0; +} .v-table-scrollposition { - width: 160px; - background: #eee; - border: 1px solid #aaa; + width: auto; + background: transparent; + border: none; +} +.v-table-scrollposition span { + background: transparent repeat-x; + background-image: url(common/img/vertical-sprites.png); + -background-image: url(common/img/vertical-sprites-ie6.png); + background-position: left -905px; + border: 1px solid #939494; + border-top: none; + border-bottom-color: #7d7e80; + border-radius-bottomleft: 4px; + border-radius-bottomright: 4px; + -moz-border-radius-bottomleft: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-left-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + height: 13px; + padding: 4px 30px; + text-shadow: #fff 0 1px 0; + width: 100px; } /* row in column selector */ .v-contextmenu .v-on, @@ -2731,7 +2826,7 @@ td.v-datefield-calendarpanel-nextyear { background: transparent no-repeat 0 4px; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -885px; + background-position: left -926px; padding-left: 12px; padding-right: 4px; } @@ -2742,7 +2837,12 @@ td.v-datefield-calendarpanel-nextyear { .v-contextmenu .gwt-MenuItem-selected .v-on { background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -899px; + background-position: left -940px; +} +/* Borderless style */ +.v-table-borderless .v-table-header-wrap, +.v-table-borderless .v-table-body { + border: none; } /* ./WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet.css */ @@ -2788,16 +2888,16 @@ td.v-datefield-calendarpanel-nextyear { } .v-tabsheet-tabs .v-errorindicator { display: inline-block; - width: 5px; + width: 13px; height: 16px; - background: transparent url(../default/icons/16/error.png) no-repeat -1px 50%; + background: transparent url(common/icons/error.png) no-repeat 50%; } .v-ff2 .v-tabsheet-tabs .v-icon, .v-ff2 .v-tabsheet-tabs .v-errorindicator { display: -moz-inline-stack; } .v-ie6 .v-tabsheet-tabs .v-errorindicator { - background-image: url(../default/icons/16/error.gif); + background-image: url(common/icons/error-ie6.png); } .v-ie .v-tabsheet-tabs .v-errorindicator { zoom: 1; @@ -2821,7 +2921,7 @@ td.v-datefield-calendarpanel-nextyear { background-repeat: repeat-x; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -914px; + background-position: left -955px; border-radius: 3px; -moz-border-radius: 3px; } @@ -2914,7 +3014,7 @@ input.v-textfield-prompt { background: #4d749f repeat-x; background-image: url(common/img/vertical-sprites.png); -background-image: url(common/img/vertical-sprites-ie6.png); - background-position: left -937px; + background-position: left -978px; color: #fff; padding: 1px 2px; -webkit-border-radius: 2px; diff --git a/WebContent/VAADIN/themes/reindeer/table/img/scroll-indic-bg.png b/WebContent/VAADIN/themes/reindeer/table/img/scroll-indic-bg.png new file mode 100644 index 0000000000..05caa85c92 Binary files /dev/null and b/WebContent/VAADIN/themes/reindeer/table/img/scroll-indic-bg.png differ diff --git a/WebContent/VAADIN/themes/reindeer/table/table.css b/WebContent/VAADIN/themes/reindeer/table/table.css index ad9682a12f..e6cffa7138 100644 --- a/WebContent/VAADIN/themes/reindeer/table/table.css +++ b/WebContent/VAADIN/themes/reindeer/table/table.css @@ -1,5 +1,6 @@ .v-table-header-wrap { border-color: #2b3033; + border-top: none; background: transparent repeat-x; background-image: url(img/header-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ height: 20px; @@ -10,6 +11,9 @@ text-shadow: #000 0 -1px 0; line-height: normal; } +.v-table-header { + height: 20px; +} .v-table-caption-container { heigth: 16px; padding-top: 4px; @@ -39,7 +43,7 @@ } .v-table-body { border-color: #c2c3c4; - border-top-color: #2b3033; + background: #fff; } .v-table-cell-content { padding-top: 0; @@ -52,7 +56,6 @@ } .v-table-row, .v-table-row-odd { - background: #fff; height: 19px; } .v-table-row-odd { @@ -79,9 +82,11 @@ } .v-table-focus-slot-left { border-left-color: #9ca1a5; + margin-left: 0; } .v-table-focus-slot-right { border-right-color: #9ca1a5; + margin-right: 0; } .v-table-header-drag { font-family: arial, helvetica, verdana, sans-serif; @@ -95,10 +100,34 @@ text-shadow: #000 0 -1px 0; line-height: normal; } +.v-table-header-drag * { + vertical-align: middle; +} +.v-table-header-drag img { + height: 16px; + margin: -3px 3px 0 0; +} .v-table-scrollposition { - width: 160px; - background: #eee; - border: 1px solid #aaa; + width: auto; + background: transparent; + border: none; +} +.v-table-scrollposition span { + background: transparent repeat-x; + background-image: url(img/scroll-indic-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ + border: 1px solid #939494; + border-top: none; + border-bottom-color: #7d7e80; + border-radius-bottomleft: 4px; + border-radius-bottomright: 4px; + -moz-border-radius-bottomleft: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-left-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + height: 13px; + padding: 4px 30px; + text-shadow: #fff 0 1px 0; + width: 100px; } /* row in column selector */ .v-contextmenu .v-on, @@ -115,4 +144,9 @@ } .v-contextmenu .gwt-MenuItem-selected .v-on { background-image: url(../common/icons/bullet-white.png); /** sprite-ref: verticals; sprite-margin-top: 4px; sprite-margin-bottom: 5px */ +} +/* Borderless style */ +.v-table-borderless .v-table-header-wrap, +.v-table-borderless .v-table-body { + border: none; } \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet.css b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet.css index dcdbd30add..9f5f68ceb7 100644 --- a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet.css +++ b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet.css @@ -40,16 +40,16 @@ } .v-tabsheet-tabs .v-errorindicator { display: inline-block; - width: 5px; + width: 13px; height: 16px; - background: transparent url(../../default/icons/16/error.png) no-repeat -1px 50%; + background: transparent url(../common/icons/error.png) no-repeat 50%; } .v-ff2 .v-tabsheet-tabs .v-icon, .v-ff2 .v-tabsheet-tabs .v-errorindicator { display: -moz-inline-stack; } .v-ie6 .v-tabsheet-tabs .v-errorindicator { - background-image: url(../../default/icons/16/error.gif); + background-image: url(../common/icons/error-ie6.png); } .v-ie .v-tabsheet-tabs .v-errorindicator { zoom: 1;