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 (+33 lines)
Lines 4595-4600 div .suggestion_note { Link Here
4595
        display: block;
4595
        display: block;
4596
    }
4596
    }
4597
}
4597
}
4598
/* Elasticsearch autocomplete menu */
4599
.autocomplete {
4600
    /*the container must be positioned relative:*/
4601
    position: relative;
4602
    display: inline-block;
4603
}
4604
4605
.autocomplete-items {
4606
    position: absolute;
4607
    border: 1px solid #d4d4d4;
4608
    border-bottom: none;
4609
    border-top: none;
4610
    z-index: 99;
4611
    /*position the autocomplete items to be the same width as the container:*/
4612
4613
    div {
4614
        padding: 10px;
4615
        cursor: pointer;
4616
        background-color: #fff;
4617
        border-bottom: 1px solid #d4d4d4;
4618
4619
        &:hover {
4620
            /*when hovering an item:*/
4621
            background-color: #e9e9e9;
4622
        }
4623
4624
        &.autocomplete-active {
4625
            /*when navigating through the items using the arrow keys:*/
4626
            background-color: lighten(#85CA11, 45%);
4627
        }
4628
    }
4629
}
4630
/* /Elasticsearch autocomplete menu */
4598
4631
4599
#camera,
4632
#camera,
4600
#output {
4633
#output {
(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/doc-head-close.inc (-5 lines)
Lines 29-39 Link Here
29
[% Asset.css("css/print.css", { media = "print" }) | $raw %]
29
[% Asset.css("css/print.css", { media = "print" }) | $raw %]
30
[% INCLUDE intranetstylesheet.inc %]
30
[% INCLUDE intranetstylesheet.inc %]
31
[% IF ( bidi ) %][% Asset.css("css/right-to-left.css") | $raw %][% END %]
31
[% IF ( bidi ) %][% Asset.css("css/right-to-left.css") | $raw %][% END %]
32
<!-- Intranet inc CSS IntranetAutocompleteElasticSearch -->
33
[% IF ( Koha.Preference('IntranetAutocompleteElasticSearch') ) %]
34
    [% SET Optylesheet = 'elasticsearch/autocomplete.css' %]
35
    <link rel="stylesheet" type="text/css" href="[% interface | url %]/[% theme | url %]/css/[% Optylesheet | url %]" />
36
[% END %]
37
<script type="module">
32
<script type="module">
38
    import { APIClient } from '/intranet-tmpl/prog/js/fetch/api-client.js';
33
    import { APIClient } from '/intranet-tmpl/prog/js/fetch/api-client.js';
39
    window.APIClient = APIClient;
34
    window.APIClient = APIClient;
(-)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 (+33 lines)
Lines 2990-2993 $star-selected: #EDB867; Link Here
2990
    }
2990
    }
2991
}
2991
}
2992
2992
2993
/* Elasticsearch autocomplete menu */
2994
.autocomplete {
2995
    /*the container must be positioned relative:*/
2996
    position: relative;
2997
    width: 100%;
2998
}
2999
3000
.autocomplete-items {
3001
    position: absolute;
3002
    border: 1px solid #d4d4d4;
3003
    border-bottom: none;
3004
    border-top: none;
3005
    z-index: 9999;
3006
3007
    div {
3008
        padding: 10px;
3009
        cursor: pointer;
3010
        background-color: #fff;
3011
        border-bottom: 1px solid #d4d4d4;
3012
3013
        &:hover {
3014
            /*when hovering an item:*/
3015
            background-color: #e9e9e9;
3016
        }
3017
3018
        &.autocomplete-active {
3019
            /*when navigating through the items using the arrow keys:*/
3020
            background-color: lighten( $input-btn-focus-color, 45% );
3021
        }
3022
    }
3023
}
3024
/* /Elasticsearch autocomplete menu */
3025
2993
@import "responsive";
3026
@import "responsive";
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/doc-head-close.inc (-6 lines)
Lines 22-32 Link Here
22
        [% SET opaclayoutstylesheet = 'opac.css' %]
22
        [% SET opaclayoutstylesheet = 'opac.css' %]
23
    [% END %]
23
    [% END %]
24
[% END %]
24
[% END %]
25
<!-- OPAC inc CSS OPACAutocompleteElasticSearch -->
26
[% IF ( Koha.Preference('OPACAutocompleteElasticSearch') ) %]
27
    [% SET Optylesheet = 'opac-elasticsearch/opac-autocomplete.css' %]
28
    <link rel="stylesheet" type="text/css" href="[% interface | url %]/[% theme | url %]/css/[% Optylesheet | url %]" />
29
[% END %]
30
[% IF (opaclayoutstylesheet.match('^https?:|^\/')) %]
25
[% IF (opaclayoutstylesheet.match('^https?:|^\/')) %]
31
    <link rel="stylesheet" type="text/css" href="[% opaclayoutstylesheet | url %]" />
26
    <link rel="stylesheet" type="text/css" href="[% opaclayoutstylesheet | url %]" />
32
[% ELSE %]
27
[% ELSE %]
33
- 

Return to bug 27113