View | Details | Raw Unified | Return to bug 27113
Collapse All | Expand All

(-)a/koha-tmpl/intranet-tmpl/prog/css/elasticsearch/autocomplete.css (-28 lines)
Lines 1-28 Link Here
1
.autocomplete {
2
  /*the container must be positioned relative:*/
3
  position: relative;
4
  display: inline-block;
5
}
6
.autocomplete-items {
7
    position: absolute;
8
    border: 1px solid #d4d4d4;
9
    border-bottom: none;
10
    border-top: none;
11
    z-index: 99;
12
    /*position the autocomplete items to be the same width as the container:*/
13
  }
14
  .autocomplete-items div {
15
    padding: 10px;
16
    cursor: pointer;
17
    background-color: #fff;
18
    border-bottom: 1px solid #d4d4d4;
19
  }
20
  .autocomplete-items div:hover {
21
    /*when hovering an item:*/
22
    background-color: #e9e9e9;
23
  }
24
  .autocomplete-active {
25
    /*when navigating through the items using the arrow keys:*/
26
    background-color: #cedfb1 !important;
27
    color: #ffffff;
28
  }
(-)a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss (+34 lines)
Lines 4426-4431 div .suggestion_note { Link Here
4426
    }
4426
    }
4427
}
4427
}
4428
4428
4429
/* Elasticsearch autocomplete menu */
4430
.autocomplete {
4431
    /*the container must be positioned relative:*/
4432
    position: relative;
4433
    display: inline-block;
4434
}
4435
4436
.autocomplete-items {
4437
    position: absolute;
4438
    border: 1px solid #d4d4d4;
4439
    border-bottom: none;
4440
    border-top: none;
4441
    z-index: 99;
4442
    /*position the autocomplete items to be the same width as the container:*/
4443
4444
    div {
4445
        padding: 10px;
4446
        cursor: pointer;
4447
        background-color: #fff;
4448
        border-bottom: 1px solid #d4d4d4;
4449
4450
        &:hover {
4451
            /*when hovering an item:*/
4452
            background-color: #e9e9e9;
4453
        }
4454
4455
        &.autocomplete-active {
4456
            /*when navigating through the items using the arrow keys:*/
4457
            background-color: lighten(#85CA11, 45%);
4458
        }
4459
    }
4460
}
4461
/* /Elasticsearch autocomplete menu */
4462
4429
@media (min-width: 200px) {
4463
@media (min-width: 200px) {
4430
4464
4431
}
4465
}
(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/doc-head-close.inc (-5 lines)
Lines 21-31 Link Here
21
[% Asset.css("css/print.css", { media = "print" }) | $raw %]
21
[% Asset.css("css/print.css", { media = "print" }) | $raw %]
22
[% INCLUDE intranetstylesheet.inc %]
22
[% INCLUDE intranetstylesheet.inc %]
23
[% IF ( bidi ) %][% Asset.css("css/right-to-left.css") | $raw %][% END %]
23
[% IF ( bidi ) %][% Asset.css("css/right-to-left.css") | $raw %][% END %]
24
<!-- Intranet inc CSS IntranetAutocompleteElasticSearch -->
25
[% IF ( Koha.Preference('IntranetAutocompleteElasticSearch') ) %]
26
    [% SET Optylesheet = 'elasticsearch/autocomplete.css' %]
27
    <link rel="stylesheet" type="text/css" href="[% interface | url %]/[% theme | url %]/css/[% Optylesheet | url %]" />
28
[% END %]
29
24
30
<script>
25
<script>
31
var Koha = {};
26
var Koha = {};
(-)a/koha-tmpl/opac-tmpl/bootstrap/css/opac-elasticsearch/opac-autocomplete.css (-29 lines)
Lines 1-29 Link Here
1
/* CSS file OPACAutocompleteElasticSearch */
2
.autocomplete {
3
  /*the container must be positioned relative:*/
4
  position: relative;
5
  display: inline-block;
6
  width: 100%;
7
}
8
.autocomplete-items {
9
    position: absolute;
10
    border: 1px solid #d4d4d4;
11
    border-bottom: none;
12
    border-top: none;
13
    z-index: 99;
14
  }
15
  .autocomplete-items div {
16
    padding: 10px;
17
    cursor: pointer;
18
    background-color: #fff;
19
    border-bottom: 1px solid #d4d4d4;
20
  }
21
  .autocomplete-items div:hover {
22
    /*when hovering an item:*/
23
    background-color: #e9e9e9;
24
  }
25
  .autocomplete-active {
26
    /*when navigating through the items using the arrow keys:*/
27
    background-color: #cedfb1 !important;
28
    color: #ffffff;
29
  }
(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss (+35 lines)
Lines 2626-2629 $star-selected: #EDB867; Link Here
2626
    margin-bottom: 1rem;
2626
    margin-bottom: 1rem;
2627
}
2627
}
2628
2628
2629
/* Elasticsearch autocomplete menu */
2630
.autocomplete {
2631
    /*the container must be positioned relative:*/
2632
    position: relative;
2633
    display: inline-block;
2634
    width: 100%;
2635
}
2636
2637
.autocomplete-items {
2638
    position: absolute;
2639
    border: 1px solid #d4d4d4;
2640
    border-bottom: none;
2641
    border-top: none;
2642
    z-index: 99;
2643
2644
    div {
2645
        padding: 10px;
2646
        cursor: pointer;
2647
        background-color: #fff;
2648
        border-bottom: 1px solid #d4d4d4;
2649
2650
        &:hover {
2651
            /*when hovering an item:*/
2652
            background-color: #e9e9e9;
2653
        }
2654
2655
        &.autocomplete-active {
2656
            /*when navigating through the items using the arrow keys:*/
2657
            background-color: lighten( $input-btn-focus-color, 45% );
2658
        }
2659
    }
2660
}
2661
2662
/* /Elasticsearch autocomplete menu */
2663
2629
@import "responsive";
2664
@import "responsive";
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/doc-head-close.inc (-6 lines)
Lines 23-33 Link Here
23
        [% SET opaclayoutstylesheet = 'opac.css' %]
23
        [% SET opaclayoutstylesheet = 'opac.css' %]
24
    [% END %]
24
    [% END %]
25
[% END %]
25
[% END %]
26
<!-- OPAC inc CSS OPACAutocompleteElasticSearch -->
27
[% IF ( Koha.Preference('OPACAutocompleteElasticSearch') ) %]
28
    [% SET Optylesheet = 'opac-elasticsearch/opac-autocomplete.css' %]
29
    <link rel="stylesheet" type="text/css" href="[% interface | url %]/[% theme | url %]/css/[% Optylesheet | url %]" />
30
[% END %]
31
[% IF (opaclayoutstylesheet.match('^https?:|^\/')) %]
26
[% IF (opaclayoutstylesheet.match('^https?:|^\/')) %]
32
    <link rel="stylesheet" type="text/css" href="[% opaclayoutstylesheet | url %]" />
27
    <link rel="stylesheet" type="text/css" href="[% opaclayoutstylesheet | url %]" />
33
[% ELSE %]
28
[% ELSE %]
34
- 

Return to bug 27113