Please review and ACK.
Kyle Baker
Visual Designer
Desk - 978 392 3116
IRC - kylebaker
From f4ebb6d122a8d00ef89af8a009f90529e6b36bfc Mon Sep 17 00:00:00 2001
From: kylebaker <kyleba...@dhcp-100-2-212.bos.redhat.com>
Date: Tue, 17 May 2011 13:17:44 -0400
Subject: [PATCH] Search Box
---
install/ui/ipa.css | 40 ++++++++++++++++++++++++++++++++--------
install/ui/search-bg.png | Bin 0 -> 1342 bytes
install/ui/search-icon.png | Bin 0 -> 1138 bytes
install/ui/search.js | 15 ++++++++-------
4 files changed, 40 insertions(+), 15 deletions(-)
create mode 100644 install/ui/search-bg.png
create mode 100644 install/ui/search-icon.png
diff --git a/install/ui/ipa.css b/install/ui/ipa.css
index 0084cfdf00df9fb1ffa3a5bd132a1ea316c66833..a5d03dfc991f2881b8081e4af0b5835ec9dd0523 100644
--- a/install/ui/ipa.css
+++ b/install/ui/ipa.css
@@ -470,9 +470,23 @@ span.ui-icon-search {
margin-left: 0 !important;
}
-[title="Find"] {
- margin-left: 0.5em !important;
- padding: 0.4em 1em 0.4em 2em !important;
+.search-input {
+ -moz-border-radius: 15px;
+ -webkit-border-radius: 15px;
+ float: right;
+ border: 1px solid #9f9e9e;
+ background: url("search-bg.png");
+ height: 18px;
+ width: 215px;
+ padding-left: 8px;
+}
+
+.search-button {
+ background: none !important;
+ border: none !important;
+ float: right;
+ margin-right: -223px;
+ margin-top: 8px;
}
[title="details"] {
@@ -664,10 +678,15 @@ a.action-button-disabled {
}
.search-table tfoot tr td span{
- border-top: 1px solid #dfdfdf;
- margin-top: 1em;
- padding: 0.9em 0 0 1em;
+ margin-top: -15.5em;
+ padding: 0.6em 24em 0 1em;
display: block;
+ float: right;
+}
+
+.input_link span.search-icon {
+ background: url(search-icon.png);
+ border: none;
}
.aci-attribute-table tbody{
@@ -898,8 +917,9 @@ table.scrollable tbody {
}
.facet-tab-group {
+
float: left;
-/* height: 3em; */
+/* height: 3em; */
display:inline;
margin-right:1em;
}
@@ -926,7 +946,11 @@ table.scrollable tbody {
}
.facet-header {
- padding: 0 0 0 5px;
+ padding: 0 5px 4px;
+}
+
+.facet-title {
+ display: none;
}
.facet-content {
diff --git a/install/ui/search-bg.png b/install/ui/search-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..0d7018eaf4837b6fb7f20d177733269b7fae61ec
GIT binary patch
literal 1342
zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!ML3v%<POK_VL(c<#5JNMI6tkVJh3R1!7(L2
zDOJHUH!(dmC^a#qvhZZ84FdzSQf5d*NrbPDRdRl=ULr`1UPW#JP&WgEjeSKyVsdtB
zi9%9pdS;%j()-=}l@u~lY?Z=IeGPmIoKrJ0J*tXQgRA^PlB=?lEmM^2?G$V(tbhjO
zrj{fsROII56<bx<DuK<l0<uBE`br95B_-LmN)Sgy_y#CA=NF|anCcnmCL5R;D3}@Q
z85*0Io15z>7#SEE=o=X68ye{vnp+tgSs558K!Fm_wxX0Ys~{IQs9ivwtx`rwNr9EV
zetCJhUb(Seeo?x<p{1oI$P6PRU7!lx;>x^|#0uTKVr7^KE~&-IMVSR9nfZANAQKal
z@=Hr>m4GgVcp<j{ZfssLG?;(^reBd*pl_&W0P+${p|3A~rMbCq)x{-2sR;LCHMlsW
zvLIDID784hv?v)EacRmRs|u`~i&7Iy@{2<9^K)RK7?6=)l3$#WU!dR|Y^va!n4Fmh
z;)B)u`dWGB6_+IDC8v72*eU@{(96tBu`)KabaOK`HZ?bPwlp+!HL!4TF?Dq^1|m}n
zXBSr^m|mCs<kH;Kyb_q+6og(goO(e?A-4c%vrB4GW?5>ATTy<l0@%w|nYi6zjMF@*
z-W1$!F~O-<ALtl;P{bldG)xGXdO%EgvITPB2|qOtnA(eg$y&o|r4%raZSr(+45_&F
zCMsH}S%F7H{=5Bx@{3lv?S(GMJ{*BJ|E``oVM0zs#$k&--_#k;XVxjUTwrj}{K7pi
zV(W6_dB1e{T+(i`x~=|VH2sg~jncVB71L`Ux9u#+44q?8{(Nh;dEd18t`8*op8I7?
z(LMC$)~$6<Ev98YIm#N+pK)EpXWFm#?TH4jqQ9)zdcTBcrR=h&tJB_YlTAHo^=Wcm
zsA}eU{TZvjy`47wX65f~xo<zYTNgUJE;-ZgT{>&pxjdJP@*8Ifd<nBYyEO9NQKS9k
zGLt6kOgUxdpQ0^0``HhTbCbF{7W=&Db4z)>C2{HztFGAf%Q819EWFO!<W^yPTrTp*
z<O#~|U!TtVwdy9@+mh~28X18RkC>EB6x_O-!QOL4I6Zvf<E<9v7pwahROc;=w%eqa
z*3-27=gzu)ou9u?t#}=Fihue$y~{SUZZCNAU4V5-*S{adnK?BTn(tqp))CSQPAXrg
zU4P`%I*v^N)72LGw3+z-o~i!3R4+K_Y<z|qZ{U6AKHWPTRc*61<96~bJY=uIaA56)
zBu)kf6&8jG0t_JR;KTsNoQw<%oQw;sYFH!~N;EAT)gDFyOGpL=Pgg&ebxsLQ09JM7
AMgRZ+
literal 0
HcmV?d00001
diff --git a/install/ui/search-icon.png b/install/ui/search-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..5b133f11b866d8d2dbaac2a6cae1b5b6aca5af57
GIT binary patch
literal 1138
zcmaJ>O-K|`9Dlm4m}qSfew5)f8y%|Mnb}=kcW`svoi(=_v31Ek^x^Ex)17oant8gb
zm$r~dH2Sy{5h2o{A|g6OBxH~s0z(f$<e@{DrywGvsDr&R*E+Nf%)Ix1{C>ax=bO=v
z_5&4V+sXg{6|puhj#r2EmX_de-PaWXFEuEdM4eg>$_NGoEs~akL`)HSVH^t5(CJsO
z2>=@@Cz2@1A7({OaSIm4omF(q2B4`qs|#WuL_`Yq%4(4OJT*-cvJ@n{>Uo;iBQPzu
z4I8j?xIG~b_lW_CY~D{aWmznsKqL@ZrC&AKY>-^lW%1rRrbuEHg8G8w@1T-=2NBT>
zNYuM&mq<6zL<8eyygt9*zmM?H3{BA<it)G@KkN0dG)=5MB=%-VJ#3t7UGs&lAelx;
zXDKR^$+$CKw`TNGOdt@jG&~*`M!3u&6$x3FYC7`@95h8k){(5Kgrz8?v;h<(aiqUf
zQ1o?K)m$qRE*O;+bc%7)R!Vsw&;K8)DC=kw#o?cL|0!%HhIB~9p{WfRB5qud({iP=
z5d#WHGZLECpRZy^T0@$d)^sA$Sx@kSD65veisyMYrkY4lMHu6PBvx?Cvcz&x+8Yf-
z>-~-4R)&evVV}nv2shG=5zgnKeT{i8r-=g!R8gKQ{oytg<XWSk=-4v{4S5hst%jx$
zt0}W`;aI!{_13sj;aGeHxfBkDvKsqWqw`02daUjG*kWUS@S%#Q-N0jA^L~lPS7Ir~
zwIs3&sqW`Rh@UO5z5vG4H;QwKpu^es49r}-Hg|I&_ZCbnmE7q$)?GY*Iefn)q@1|a
z?{u62sUlyMeR68Ve(<eR9^A0!M{e<vEp)2+jpH)A)pmWtH+#NSdQE_j{>i(M>RjbQ
zo&J5L=;~N)M>$x~i$<y33t-<>wd47c{rb-3(Dn`UlShGTy!xR%<@8mC-oM-YW@K+=
zW&G-<Zej7lCuR4p>9ggfGan8+rX8=MKd;zsZ8>=&^myYv8M}OPsJf;NB+HLT<V$d8
ktoF<8s>$Od7*lh=1{_bjzRh($TekiJv1mK@Al!ZK7qVn;B>(^b
literal 0
HcmV?d00001
diff --git a/install/ui/search.js b/install/ui/search.js
index c63bf3cdf6200a392ed5f3088834e53dd393ee9f..bb90b26009d84b021399f6917bdb71916a42a181 100644
--- a/install/ui/search.js
+++ b/install/ui/search.js
@@ -95,12 +95,13 @@ IPA.search_facet = function(spec) {
};
that.create_header = function(container) {
-
- that.facet_create_header(container);
-
- that.filter = $('<input/>', {
+
+ that.facet_create_header(container);
+
+ that.filter = $('<input/>', {
type: 'text',
- name: 'filter'
+ name: 'filter',
+ 'class': 'search-input'
}).appendTo(that.controls);
that.filter.keypress(function(e) {
@@ -111,8 +112,8 @@ IPA.search_facet = function(spec) {
});
that.find_button = IPA.button({
- label: IPA.messages.buttons.find,
- icon: 'ui-icon-search',
+ icon: 'search-icon',
+ 'class': 'search-button',
click: function() {
that.find();
return false;
--
1.7.5
_______________________________________________
Freeipa-devel mailing list
Freeipa-devel@redhat.com
https://www.redhat.com/mailman/listinfo/freeipa-devel
