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 4461-4466 div .suggestion_note { Link Here
4461
        display: block;
4461
        display: block;
4462
    }
4462
    }
4463
}
4463
}
4464
/* Elasticsearch autocomplete menu */
4465
.autocomplete {
4466
    /*the container must be positioned relative:*/
4467
    position: relative;
4468
    display: inline-block;
4469
}
4470
4471
.autocomplete-items {
4472
    position: absolute;
4473
    border: 1px solid #d4d4d4;
4474
    border-bottom: none;
4475
    border-top: none;
4476
    z-index: 99;
4477
    /*position the autocomplete items to be the same width as the container:*/
4478
4479
    div {
4480
        padding: 10px;
4481
        cursor: pointer;
4482
        background-color: #fff;
4483
        border-bottom: 1px solid #d4d4d4;
4484
4485
        &:hover {
4486
            /*when hovering an item:*/
4487
            background-color: #e9e9e9;
4488
        }
4489
4490
        &.autocomplete-active {
4491
            /*when navigating through the items using the arrow keys:*/
4492
            background-color: lighten(#85CA11, 45%);
4493
        }
4494
    }
4495
}
4496
/* /Elasticsearch autocomplete menu */
4464
4497
4465
#camera,
4498
#camera,
4466
#output {
4499
#output {
(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/doc-head-close.inc (-5 lines)
Lines 31-41 Link Here
31
[% Asset.css("css/print.css", { media = "print" }) | $raw %]
31
[% Asset.css("css/print.css", { media = "print" }) | $raw %]
32
[% INCLUDE intranetstylesheet.inc %]
32
[% INCLUDE intranetstylesheet.inc %]
33
[% IF ( bidi ) %][% Asset.css("css/right-to-left.css") | $raw %][% END %]
33
[% IF ( bidi ) %][% Asset.css("css/right-to-left.css") | $raw %][% END %]
34
<!-- Intranet inc CSS IntranetAutocompleteElasticSearch -->
35
[% IF ( Koha.Preference('IntranetAutocompleteElasticSearch') ) %]
36
    [% SET Optylesheet = 'elasticsearch/autocomplete.css' %]
37
    <link rel="stylesheet" type="text/css" href="[% interface | url %]/[% theme | url %]/css/[% Optylesheet | url %]" />
38
[% END %]
39
<script type="module">
34
<script type="module">
40
    import { APIClient } from "/intranet-tmpl/prog/js/fetch/api-client.js";
35
    import { APIClient } from "/intranet-tmpl/prog/js/fetch/api-client.js";
41
    window.APIClient = APIClient;
36
    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 2981-2984 fieldset.brief label.show-password-toggle-label { Link Here
2981
    padding: 0;
2981
    padding: 0;
2982
}
2982
}
2983
2983
2984
/* Elasticsearch autocomplete menu */
2985
.autocomplete {
2986
    /*the container must be positioned relative:*/
2987
    position: relative;
2988
    width: 100%;
2989
}
2990
2991
.autocomplete-items {
2992
    position: absolute;
2993
    border: 1px solid #d4d4d4;
2994
    border-bottom: none;
2995
    border-top: none;
2996
    z-index: 9999;
2997
2998
    div {
2999
        padding: 10px;
3000
        cursor: pointer;
3001
        background-color: #fff;
3002
        border-bottom: 1px solid #d4d4d4;
3003
3004
        &:hover {
3005
            /*when hovering an item:*/
3006
            background-color: #e9e9e9;
3007
        }
3008
3009
        &.autocomplete-active {
3010
            /*when navigating through the items using the arrow keys:*/
3011
            background-color: lighten( $input-btn-focus-color, 45% );
3012
        }
3013
    }
3014
}
3015
/* /Elasticsearch autocomplete menu */
3016
2984
@import "responsive";
3017
@import "responsive";
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/doc-head-close.inc (-6 lines)
Lines 25-35 Link Here
25
        [% SET opaclayoutstylesheet = 'opac.css' %]
25
        [% SET opaclayoutstylesheet = 'opac.css' %]
26
    [% END %]
26
    [% END %]
27
[% END %]
27
[% END %]
28
<!-- OPAC inc CSS OPACAutocompleteElasticSearch -->
29
[% IF ( Koha.Preference('OPACAutocompleteElasticSearch') ) %]
30
    [% SET Optylesheet = 'opac-elasticsearch/opac-autocomplete.css' %]
31
    <link rel="stylesheet" type="text/css" href="[% interface | url %]/[% theme | url %]/css/[% Optylesheet | url %]" />
32
[% END %]
33
[% IF (opaclayoutstylesheet.match('^https?:|^\/')) %]
28
[% IF (opaclayoutstylesheet.match('^https?:|^\/')) %]
34
    <link rel="stylesheet" type="text/css" href="[% opaclayoutstylesheet | url %]" />
29
    <link rel="stylesheet" type="text/css" href="[% opaclayoutstylesheet | url %]" />
35
[% ELSE %]
30
[% ELSE %]
36
- 

Return to bug 27113