-FilterSelect styles modified (new paging buttons and indicator position)

svn changeset:2473/svn branch:trunk

diff --git a/src/com/itmill/toolkit/terminal/gwt/client/ui/IFilterSelect.java b/src/com/itmill/toolkit/terminal/gwt/client/ui/IFilterSelect.java
index 81e6e922f3bb16c32e99cf41cc279ea4737ac087..f591006411bd49561a239270e0099f795b523e58 100644 (file)
--- a/src/com/itmill/toolkit/terminal/gwt/client/ui/IFilterSelect.java
+++ b/src/com/itmill/toolkit/terminal/gwt/client/ui/IFilterSelect.java
@@ -109,7 +109,7 @@ public class IFilterSelect extends Composite implements Paintable,
                public void showSuggestions(Collection currentSuggestions,
                                int currentPage, int totalSuggestions) {
                        menu.setSuggestions(currentSuggestions);
-                       int x = IFilterSelect.this.tb.getAbsoluteLeft();
+                       int x = IFilterSelect.this.getAbsoluteLeft();
                        int y = IFilterSelect.this.tb.getAbsoluteTop();
                        y += IFilterSelect.this.tb.getOffsetHeight();
                        this.setPopupPosition(x, y);
@@ -127,7 +127,7 @@ public class IFilterSelect extends Composite implements Paintable,
                        if (b) {
                                DOM.sinkEvents(down, Event.ONCLICK);
                                DOM.setElementProperty(down, "className", CLASSNAME
-                                               + "-nextpage-on");
+                                               + "-nextpage");
                        } else {
                                DOM.sinkEvents(down, 0);
                                DOM.setElementProperty(down, "className", CLASSNAME
@@ -139,7 +139,7 @@ public class IFilterSelect extends Composite implements Paintable,
                        if (b) {
                                DOM.sinkEvents(up, Event.ONCLICK);
                                DOM.setElementProperty(up, "className", CLASSNAME
-                                               + "-prevpage-on");
+                                               + "-prevpage");
                        } else {
                                DOM.sinkEvents(up, 0);
                                DOM.setElementProperty(up, "className", CLASSNAME

diff --git a/src/com/itmill/toolkit/terminal/gwt/public/default/select/filterselect.css b/src/com/itmill/toolkit/terminal/gwt/public/default/select/filterselect.css
index 6a3fe14392c75b7496fce70b5010698e72c7a05d..52cecb1a184b58d49d1919f2cbbdacc4f1831322 100644 (file)
--- a/src/com/itmill/toolkit/terminal/gwt/public/default/select/filterselect.css
+++ b/src/com/itmill/toolkit/terminal/gwt/public/default/select/filterselect.css
@@ -35,6 +35,7 @@
        color: #464f52;
        font-size: 12px;
        line-height: 18px;
+       margin-top: -1px;
 }
 
 .i-filterselect-suggestmenu .gwt-MenuItem {
@@ -43,23 +44,68 @@
 }
 
 .i-filterselect-suggestmenu .gwt-MenuItem-selected {
-       background: #c6cccd;
-       color: #444d4e;
+       background: #5daee8;
+       color: #fff;
 }
 
-.i-filterselect-nextpage-on,
+.i-filterselect-nextpage,
 .i-filterselect-nextpage-off,
 .i-filterselect-prevpage-off,
-.i-filterselect-prevpage-on,
-.i-filterselect-status {
+.i-filterselect-prevpage {
+       height: 11px;
+       background: transparent url(img/button-bg.png) no-repeat 50% 0;
        text-align: center;
+       margin: 2px 0 0 0;
+}
+.i-filterselect-prevpage {
+       background-position: 50% -1px;
+       margin: 0 0 2px 0;
+}
+.i-filterselect-prevpage:hover {
+       background-position: 50% bottom;
 }
+.i-filterselect-nextpage:hover {
+       background-position: 50% -12px;
+}
+.i-filterselect-nextpage span,
+.i-filterselect-prevpage span {
+       display: block;
+       height: 12px;
+       background: transparent url(img/arrow-up.png) no-repeat 50% 40%;
+       text-indent: -90000px;
+       cursor: pointer;
+}
+.i-filterselect-nextpage span {
+       background: transparent url(img/arrow-down.png) no-repeat 50% 60%;
+}
+.i-filterselect-nextpage-off,
+.i-filterselect-prevpage-off {
+       background: transparent;
+}
+.i-filterselect-nextpage-off span,
+.i-filterselect-prevpage-off span {
+       display: none;
+}
+
 
 .i-filterselect-nextpage-off,
 .i-filterselect-prevpage-off {
        color: #666;
 }
 
+.i-filterselect-status {
+       position: absolute;
+       margin-left: 100%;
+       margin-top: -18px;
+       background: #b6bbbc;
+       color: #fff;
+       font-size: 11px;
+       line-height: 11px;
+       padding: 4px 6px;
+       height: 11px;
+       white-space: nowrap;
+}
+
 
 
 

diff --git a/src/com/itmill/toolkit/terminal/gwt/public/default/select/img/arrow-down.png b/src/com/itmill/toolkit/terminal/gwt/public/default/select/img/arrow-down.png
new file mode 100644 (file)
index 0000000..ee795fd
Binary files /dev/null and b/src/com/itmill/toolkit/terminal/gwt/public/default/select/img/arrow-down.png differ

diff --git a/src/com/itmill/toolkit/terminal/gwt/public/default/select/img/arrow-up.png b/src/com/itmill/toolkit/terminal/gwt/public/default/select/img/arrow-up.png
new file mode 100644 (file)
index 0000000..055ad61
Binary files /dev/null and b/src/com/itmill/toolkit/terminal/gwt/public/default/select/img/arrow-up.png differ

diff --git a/src/com/itmill/toolkit/terminal/gwt/public/default/select/img/bg-left-filter.png b/src/com/itmill/toolkit/terminal/gwt/public/default/select/img/bg-left-filter.png
index 2a11f324caa429e20472e2bf2990dbc2805c2aee..58dae1d4706bd19cd623fb13d806b0cf873c6565 100644 (file)
Binary files a/src/com/itmill/toolkit/terminal/gwt/public/default/select/img/bg-left-filter.png and b/src/com/itmill/toolkit/terminal/gwt/public/default/select/img/bg-left-filter.png differ

diff --git a/src/com/itmill/toolkit/terminal/gwt/public/default/select/img/bg-right-filter.png b/src/com/itmill/toolkit/terminal/gwt/public/default/select/img/bg-right-filter.png
index c09d3632c25763334359b1595cae3adb9c00da57..04cb8e4089c76becf2be9ec833070dfdf3776db4 100644 (file)
Binary files a/src/com/itmill/toolkit/terminal/gwt/public/default/select/img/bg-right-filter.png and b/src/com/itmill/toolkit/terminal/gwt/public/default/select/img/bg-right-filter.png differ

diff --git a/src/com/itmill/toolkit/terminal/gwt/public/default/select/img/button-bg.png b/src/com/itmill/toolkit/terminal/gwt/public/default/select/img/button-bg.png
new file mode 100644 (file)
index 0000000..9653ed9
Binary files /dev/null and b/src/com/itmill/toolkit/terminal/gwt/public/default/select/img/button-bg.png differ