Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 119.1
edited by Ecaterina Valica
on 2009/03/17 16:53
Change comment: There is no comment for this version
To version 215.1
edited by Ecaterina Valica
on 2009/03/20 13:38
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,10 +1,12 @@
1 1  $xwiki.ssx.use("Main.ListWebSearch")
2 +
3 +1 Search
4 +
2 2  #if(!$request.space)
3 3   #set($space = "All")
4 4  #else
5 5   #set($space = $request.space)
6 6  #end
7 -
8 8  #set($spacesText = {})
9 9  #set($spaces = $xwiki.spaces)
10 10  #set($ok = $spacesText.put("All","All"))
... ... @@ -16,7 +16,7 @@
16 16   <option value="$spacesText.get($space)" #if($selectspace == $spacesText.get($space))selected="selected"#end>$space</option>
17 17  #end
18 18  #macro(spaceselect $selectspace $spaces $spacesText)
19 - <select name="space">
21 + <select name="space" title="$msg.get('xe.search.bar.spaces.title')">
20 20   #spaceoption("All spaces" $selectspace $spacesText)
21 21   #foreach($space in $spaces)
22 22   #spaceoption($space $selectspace $spacesText)
... ... @@ -34,13 +34,14 @@
34 34  #end
35 35  <div id="search">
36 36  <form action="">
39 + <div id="searchBar">
37 37   {pre}
38 - <div id="searchBar">
39 - <input type="text" name="text" value="$xwiki.getFormEncoded($!text)" size="50"/>
40 - #spaceselect($space $spaces $spacesText) <input type="submit" value="Search"/>
41 - <div class="searchHelp">eq. xwiki* AND "search query"</div>
42 - </div>
41 + <input type="text" name="text" class="searchQuery" value="$msg.get("xe.search.bar.query")" size="50" title="$msg.get('xe.search.bar.query.title')"/>
42 + #spaceselect($space $spaces $spacesText)
43 + <span class="searchButton"><input class="button" type="image" src="/xwiki/skins/albatross/go.png" value="Go" title="$msg.get('xe.search.bar.go.title')"/></span>
44 + <div class="searchHelp">$msg.get("xe.search.bar.help")</div>
43 43   {/pre}
46 + </div>
44 44  </form>
45 45  #includeInContext("XWiki.WebSearchCode")
46 46  #includeInContext("XWiki.ListResults")
SearchImprovementIdeas.png
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.GuillaumeLerouge
Size
... ... @@ -1,0 +1,1 @@
1 +351.6 KB
Content
XWiki.StyleSheetExtension[0]
Code
... ... @@ -4,16 +4,23 @@
4 4  }
5 5  /* Search Bar*/
6 6  #searchBar{
7 - padding: 10px 10px 5px 10px;
8 - background-color: #e6e6e6;
9 - border: 1px solid #b3b3b3;
10 10   margin-bottom: 11px;
8 + padding-left: 5px;
11 11   clear: both;
12 12  }
13 -#searchBar input, #searchBar select {
14 - border: 1px solid #b3b3b3;
11 +#searchBar .searchQuery, #searchBar select {
12 + border: 1px solid #5599FF;
15 15   color: #4d4d4d;
16 16  }
15 +.searchQuery{
16 + background:transparent url($xwiki.getSkinFile("search.png")) center left no-repeat;
17 + display:inline-block;
18 + padding-left:18px;
19 +}
20 +.searchButton{
21 + height: 100%;
22 + vertical-align: middle;
23 +}
17 17  .searchHelp{
18 18   font-size: 80%;
19 19   color: #808080;
... ... @@ -21,67 +21,101 @@
21 21  /* Search Filters*/
22 22  .searchFilters{
23 23   clear: both;
24 - margin-bottom: 15px;
31 + font-size: 90%;
25 25  }
26 26  #sortFilter{
27 27   color: #808080;
28 - background-color: #e6e6e6;
29 - border-bottom: 2px solid #b3b3b3;
30 30   padding: 5px;
36 + line-height: 16px;
31 31  }
32 -#sortFilter a{
38 +#sortFilter a.sortType{
33 33   color: #808080;
34 34  }
35 35  #sortFilter a:hover{
36 - color: #777777;
42 + color: #4D4D4D;
37 37  }
38 38  #sortFilter a#currentSort{
39 - color: #777777;
45 + color: #4D4D4D;
40 40   font-weight: bold;
41 41  }
42 42  .paginationFilter {
43 43   color: #808080;
44 44   height: 100%;
45 - background-color: #f2f2f2;
46 - padding: 5px;
51 + border-top: 1px solid #CCCCCC;
52 + padding: 2px 0px 5px 5px;
47 47   display: block;
54 + line-height: 22px;
48 48  }
49 49  .resultsNo{
50 50   float: left;
51 51  }
52 52  .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{
53 - color: #4D4D4D;
60 + color: #808080;
54 54  }
55 55  .pagination{
56 56   float: right;
64 + margin-right: 10px;
57 57  }
58 58  .pagination a{
59 59   color: #808080;
60 60  }
61 61  .pagination a:hover{
62 - color: #777777;
70 + color: #4D4D4D;
63 63  }
64 64  .pagination a.currentPagination{
65 - color: #777777;
73 + color: #4D4D4D;
66 66   font-weight: bold;
67 67  }
68 -.pagination .controlPagination{}
69 -/* Search Filters*/
76 +.controlPagination{
77 + position:relative;
78 + width:41px;
79 + height:22px;
80 + overflow:hidden;
81 + margin:0!important;
82 + padding:0!important;
83 + list-style:none;
84 + background-image:url($xwiki.getSkinFile("navigation.png"));
85 + float: right;
86 +}
87 +.controlPagination li{
88 + display:inline;
89 +}
90 +.controlPagination a{
91 + position:absolute;
92 + top:0;
93 + left:0;
94 + text-indent:-1000em;
95 + height:25px;
96 + line-height:25px;
97 + outline:none;
98 + overflow:hidden;
99 + border:none;
100 +}
101 +a.prevPagination {
102 + width: 50%;
103 + z-index: 2;
104 +}
105 +a.nextPagination {
106 + width: 100%;
107 + z-index: 1;
108 +}
109 +/* Search Result List*/
70 70  #searchResultsList{
71 71   clear: both;
112 + display: table;
113 + padding-top: 15px;
72 72  }
73 73  .resultItem{
74 - margin-bottom: 15px;
116 + display: block;
75 75  }
76 76  .resultItemContainer{
77 77   clear: both;
78 - display: table-row;
79 79   width: 100%;
80 80  }
81 81  .itemType{
82 82   float: left;
83 - display: table-cell;
84 - width: 2%;
124 + display: inline-block;
125 + width: 3%;
85 85  }
86 86  .itemType .typeComment{
87 87   background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
... ... @@ -95,16 +95,33 @@
95 95   width:16px;
96 96   height:16px;
97 97  }
139 +.itemType .typePage{
140 + background:transparent;
141 + display:inline-block;
142 + width:16px;
143 + height:16px;
144 +}
98 98  .itemDescription{
99 99   float: left;
100 - display: table-cell;
101 - width: 83%;
147 + display: inline-block;
148 + width: 82%;
102 102  }
103 -.itemTitle{
150 +.itemDescription a{
151 + color: #5599ff;
152 +}
153 +.itemDescription a:hover{
154 + color: #5599ff;
155 +}
156 +.itemTitle a{
104 104   color: #4d4d4d;
105 105   font-weight: bold;
106 106   font-size:130%;
107 107  }
161 +.itemTitle a:hover{
162 + color: #4d4d4d;
163 + font-weight: bold;
164 + font-size:130%;
165 +}
108 108  .itemLocation{
109 109   color: #808080;
110 110   font-size:90%;
... ... @@ -115,7 +115,10 @@
115 115   font-size:90%;
116 116  }
117 117  .itemModifiers a.itemAuthor, .itemModifiers a.itemDate{}
118 -.itemContext{}
176 +.itemContext .highlight{
177 + background-color: #f7ff94;
178 + padding: 0px 5px 0px 5px;
179 +}
119 119  .itemOthers{
120 120   color: #808080;
121 121   font-size:80%;
... ... @@ -128,12 +128,12 @@
128 128   padding-right: 5px;
129 129  }
130 130  .itemOthers .itemComments a{
131 - background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
192 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
132 132   display:inline-block;
133 133   padding-right:16px;
134 134  }
135 135  .itemOthers .itemAttachments a{
136 - background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
197 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
137 137   display:inline-block;
138 138   padding-right:16px;
139 139  }
... ... @@ -162,7 +162,7 @@
162 162  }
163 163  .itemRelevance{
164 164   float: left;
165 - display: table-cell;
226 + display: inline-block;
166 166   width: 15%;
167 167   text-align: right;
168 168  }
... ... @@ -197,16 +197,21 @@
197 197   color: #808080;
198 198   font-size:80%;
199 199  }
200 -.searchFooter{
261 +.resultSeparator{
262 + display:block;
263 + width:100%;
264 + clear:both;
265 + padding: 0;
266 + margin: 0;
201 201   margin-bottom: 15px;
268 + height: 1px;
269 +}
270 +.searchFooter{
202 202   display: block;
203 203   clear: both;
204 204   text-align: right;
274 + font-size: 90%;
205 205  }
206 -.searchFooter .pagination {
207 - width: 100%;
208 - background-color: #f2f2f2;
209 -}
210 210  .divClosure {
211 211   background-color: transparent;
212 212   clear: both;