Skip to Content

Changes for page Solr Search

Last modified by Monika Leung on 2025/04/05 16:25
From version 6.1
edited by Monika Leung
on 2025/04/05 16:25
Change comment: Install extension [org.xwiki.platform:xwiki-platform-search-solr-ui/17.2.0]
To version 2.1
edited by Monika Leung
on 2023/09/08 16:45
Change comment: Install extension [org.xwiki.platform:xwiki-platform-search-solr-ui/15.7]

Summary

Details

dark-grey-disclosure-arrow-down.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.sysadmin
Size
... ... @@ -1,0 +1,1 @@
1 +94 bytes
Content
dark-grey-disclosure-arrow-left.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.sysadmin
Size
... ... @@ -1,0 +1,1 @@
1 +94 bytes
Content
light-grey-disclosure-arrow-down.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.sysadmin
Size
... ... @@ -1,0 +1,1 @@
1 +94 bytes
Content
light-grey-disclosure-arrow-left.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.sysadmin
Size
... ... @@ -1,0 +1,1 @@
1 +94 bytes
Content
XWiki.JavaScriptExtension[0]
code
... ... @@ -68,8 +68,8 @@
68 68   updateExpandCollapseAllFacetsState(facetsContainer);
69 69  
70 70   // Expand/Collapse toggle for each facet.
71 - facetsContainer.find('.facet-toggler').on('click', function(event) {
72 - $(event.target).parents('.search-facet').toggleClass('expanded');
71 + facetsContainer.find('.search-facet-header').on('click', function(event) {
72 + $(event.target).parent('.search-facet').toggleClass('expanded');
73 73   updateExpandCollapseAllFacetsState(facetsContainer);
74 74   });
75 75  
XWiki.StyleSheetExtension[0]
code
... ... @@ -222,7 +222,7 @@
222 222   box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
223 223   /* Leave space for the bottom shadow. */
224 224   margin-bottom: 1em;
225 - border-radius: 7px;
225 + border-radius: 4px;
226 226  }
227 227  /* Colibri skin doesn't have the grid system. */
228 228  .skin-colibri .search-facets {
... ... @@ -287,15 +287,27 @@
287 287  }
288 288  
289 289  .search-facet-header {
290 + background: url("$doc.getAttachmentURL('dark-grey-disclosure-arrow-left.png')") no-repeat scroll 100% 50% transparent;
290 290   color: $theme.titleColor;
291 291   cursor: pointer;
292 292   line-height: 1.4em;
293 293   margin: 0 .2em;
294 - display: flex;
295 - justify-content: space-between;
296 - position: relative;
297 297  }
298 298  
297 +.search-facet-header:after {
298 + border-bottom: 1px dotted $theme.pageContentBackgroundColor;
299 + border-top: 1px dotted $theme.borderColor;
300 + clear: both;
301 + content: "";
302 + display: block;
303 + height: 0;
304 + margin: 2.45em 0 0;
305 + position: absolute;
306 + right: 0;
307 + top: 0;
308 + width: 100%;
309 +}
310 +
299 299  .search-facet:last-of-type .search-facet-header:after {
300 300   border: medium none;
301 301  }
... ... @@ -322,32 +322,10 @@
322 322   padding: .1em .2em;
323 323  }
324 324  
325 -.search-facet .search-facet-header .facet-toggler, button.facet-value-toggler {
326 - background: transparent;
327 - transition: background-color .2s ease-in-out;
337 +.search-facet.expanded .search-facet-header {
338 + background-image: url("$doc.getAttachmentURL('dark-grey-disclosure-arrow-down.png')");
328 328  }
329 329  
330 -.search-facet .search-facet-header .facet-toggler:active, button.facet-value-toggler:active {
331 - box-shadow: unset;
332 -}
333 -
334 -.search-facet .search-facet-header .facet-toggler > span, button.facet-value-toggler > span,
335 -.search-facet .search-facet-header .facet-toggler > img, button.facet-value-toggler > img {
336 - transform: rotate(90deg);
337 -}
338 -
339 -.search-facet.expanded .search-facet-header .facet-toggler > span, .expanded > button.facet-value-toggler > span,
340 -.search-facet.expanded .search-facet-header .facet-toggler > img, .expanded > button.facet-value-toggler > img {
341 - transform: rotate(0deg);
342 -}
343 -
344 -@media not (prefers-reduced-motion) {
345 - .search-facet .search-facet-header .facet-toggler > span, button.facet-value-toggler > span,
346 - .search-facet .search-facet-header .facet-toggler > img, button.facet-value-toggler > img {
347 - transition: transform 0.2s ease;
348 - }
349 -}
350 -
351 351  .search-facet.expanded .search-facet-body {
352 352   display: block;
353 353  }
... ... @@ -377,18 +377,7 @@
377 377   white-space: nowrap;
378 378  }
379 379  
380 -/* Override the default style for links in content. */
381 -body.content.preference-underlining-only-inline-links #xwikicontent .search-facet-body .itemName,
382 -body.content.preference-underlining-only-inline-links #xwikicontent .search-facet-body .more {
383 - text-decoration: none;
384 - /* Make sure we don't take over the default behaviour on hover with too much specificity. */
385 - &:hover, &:focus {
386 - text-decoration: underline;
387 - }
388 -}
389 -
390 390  .search-facet-body .itemName,
391 -.search-facet-body .facet-value-toggler,
392 392  .search-facet-body .more {
393 393   /* Remove link styling */
394 394   color: $theme.textColor;