From 4588e05de09271d3b86b799b55fcde790ec2a480 Mon Sep 17 00:00:00 2001 From: Jouni Koivuviita Date: Tue, 9 Oct 2007 14:04:09 +0000 Subject: [PATCH] -FilterSelect styles modified (new paging buttons and indicator position) svn changeset:2473/svn branch:trunk --- .../terminal/gwt/client/ui/IFilterSelect.java | 6 +- .../public/default/select/filterselect.css | 56 ++++++++++++++++-- .../public/default/select/img/arrow-down.png | Bin 0 -> 251 bytes .../public/default/select/img/arrow-up.png | Bin 0 -> 237 bytes .../default/select/img/bg-left-filter.png | Bin 379 -> 311 bytes .../default/select/img/bg-right-filter.png | Bin 477 -> 410 bytes .../public/default/select/img/button-bg.png | Bin 0 -> 435 bytes 7 files changed, 54 insertions(+), 8 deletions(-) create mode 100644 src/com/itmill/toolkit/terminal/gwt/public/default/select/img/arrow-down.png create mode 100644 src/com/itmill/toolkit/terminal/gwt/public/default/select/img/arrow-up.png create mode 100644 src/com/itmill/toolkit/terminal/gwt/public/default/select/img/button-bg.png 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 81e6e922f3..f591006411 100644 --- 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 6a3fe14392..52cecb1a18 100644 --- 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 index 0000000000000000000000000000000000000000..ee795fd0696c98881b880239b4353ec9cdbfbc1d GIT binary patch literal 251 zcmeAS@N?(olHy`uVBq!ia0vp^96-#*!3-o%-qt?}q*&4&eH|GX)}JtE?Rp91OP07s zlmzFem6RtIr7}3C%*tdmTlg$Y}2-< zFJ5jxbY$`R4IB3CUA$rQi`TFJ{{8#T8Ypk9HJAirQB z7a1@-P>z)Z%9(n)IEGZ*5;=BKkU@dxutTxB%8kF}+%GmNr&zC__Q2o(n_x__9@~@M m*WNZ=Il0bW>uDjY1cTlW#+z*CRoQ?BFnGH9xvXHPl)TDgNJ_p{CVT{oohF5{`mRx`03Mo4<5RH^VYh}Tb8d``|{<> zFJHcF+r8&M7<8*0-^#$iz+V#N7Yq@BkqlSv%vcDND)n@645_&F=1QbsgMk3+LEl5Z z2lmH^Bs>V+-tu!s)%C|L3f^A}83mTDx*N~XvhpXxgkyIY&&V=8$i~3@ZLZVT6|*J-UBKY!>gTe~DWM4f Ded&5A delta 299 zcmdna^qXlyWW8U2Pl)TDgNMF+`SRhzha0!=eEs_M-@ktsuUt8J@ZgT!d(NFZ_x}C+ z?>~M#eE9I@ojbR0-~Rpk_uhktuHU?M?AWn=hYlY*?YcQgQ3e-IJnC0U|C3k3XYZigvZbGI=+Ia+JNjr>N?SE$De0 z$IHv`qEG6DC*^Mv@bK{BY7efnw5_zXsjsln)YP7&rPkTm_xSkO+uXgu!`Ir|`T6<5 z#mLdr)wR33r>w2%>FMBGfC?2SZJySD@|`;Q^4P1#?sL* zoN|2B3=j-bxAqn-F=sl(L?+09Opz_mU%4HbSas97=)g%#d&kedDzG$x6+CKOCUB*0 u;VnX9j&}-=Ob{^^9x1XV$)~^S5MTfx|BxjIIxAKH0000U3#g(tni!?nA+!NI|;w6vh7sQdf-+1%X6#~jDwK{hCbD4A}q`%&xf8B1r(ZgT=Xy`96c z$Dge#_7@62p4@m)c(b%@6dCa+9Yjht2!Md;7KT5)s;2-00HW2hpTk3z1!a2+TGpn@$tpU%Erpe{r&yr=;+GM&(+x2#K_6Q#>ds#-0tu1+}_{V z+}-Z*@XgcI)7aU$zQ676?#9f`z{kkP%+1f!)7swN$k5UJ{QTYI=HBJ!$j{N_=jYDW z*y{51@%Q=F+uiv6{@mf>;^yZ5|NpkTyyofY|NsAq`d4cJ006H^L_t(|+N9D)7K1Ph zMNt_Sa3St#*QZ)D@P(gdS`8u?LTEb#78hwTG-{iKQ zU9D$7x^`>N*-ViwJ-eC4Vb3XXn_|zJxYeA#Jz~$rm!`m;s~1hR^qf2>lC|gZboX^G dH}?D!U;rra)XStoO>+PM002ovPDHLkV1lB{@=O2# literal 0 HcmV?d00001 -- 2.39.5