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 4452-4457 div .suggestion_note { Link Here
4452
        display: block;
4452
        display: block;
4453
    }
4453
    }
4454
}
4454
}
4455
/* Elasticsearch autocomplete menu */
4456
.autocomplete {
4457
    /*the container must be positioned relative:*/
4458
    position: relative;
4459
    display: inline-block;
4460
}
4461
4462
.autocomplete-items {
4463
    position: absolute;
4464
    border: 1px solid #d4d4d4;
4465
    border-bottom: none;
4466
    border-top: none;
4467
    z-index: 99;
4468
    /*position the autocomplete items to be the same width as the container:*/
4469
4470
    div {
4471
        padding: 10px;
4472
        cursor: pointer;
4473
        background-color: #fff;
4474
        border-bottom: 1px solid #d4d4d4;
4475
4476
        &:hover {
4477
            /*when hovering an item:*/
4478
            background-color: #e9e9e9;
4479
        }
4480
4481
        &.autocomplete-active {
4482
            /*when navigating through the items using the arrow keys:*/
4483
            background-color: lighten(#85CA11, 45%);
4484
        }
4485
    }
4486
}
4487
/* /Elasticsearch autocomplete menu */
4455
4488
4456
#camera,
4489
#camera,
4457
#output {
4490
#output {
(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/doc-head-close.inc (-5 lines)
Lines 27-37 Link Here
27
[% Asset.css("css/print.css", { media = "print" }) | $raw %]
27
[% Asset.css("css/print.css", { media = "print" }) | $raw %]
28
[% INCLUDE intranetstylesheet.inc %]
28
[% INCLUDE intranetstylesheet.inc %]
29
[% IF ( bidi ) %][% Asset.css("css/right-to-left.css") | $raw %][% END %]
29
[% IF ( bidi ) %][% Asset.css("css/right-to-left.css") | $raw %][% END %]
30
<!-- Intranet inc CSS IntranetAutocompleteElasticSearch -->
31
[% IF ( Koha.Preference('IntranetAutocompleteElasticSearch') ) %]
32
    [% SET Optylesheet = 'elasticsearch/autocomplete.css' %]
33
    <link rel="stylesheet" type="text/css" href="[% interface | url %]/[% theme | url %]/css/[% Optylesheet | url %]" />
34
[% END %]
35
<script type="module">
30
<script type="module">
36
    import { APIClient } from '/intranet-tmpl/prog/js/fetch/api-client.js';
31
    import { APIClient } from '/intranet-tmpl/prog/js/fetch/api-client.js';
37
    window.APIClient = APIClient;
32
    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 24-34 Link Here
24
        [% SET opaclayoutstylesheet = 'opac.css' %]
24
        [% SET opaclayoutstylesheet = 'opac.css' %]
25
    [% END %]
25
    [% END %]
26
[% END %]
26
[% END %]
27
<!-- OPAC inc CSS OPACAutocompleteElasticSearch -->
28
[% IF ( Koha.Preference('OPACAutocompleteElasticSearch') ) %]
29
    [% SET Optylesheet = 'opac-elasticsearch/opac-autocomplete.css' %]
30
    <link rel="stylesheet" type="text/css" href="[% interface | url %]/[% theme | url %]/css/[% Optylesheet | url %]" />
31
[% END %]
32
[% IF (opaclayoutstylesheet.match('^https?:|^\/')) %]
27
[% IF (opaclayoutstylesheet.match('^https?:|^\/')) %]
33
    <link rel="stylesheet" type="text/css" href="[% opaclayoutstylesheet | url %]" />
28
    <link rel="stylesheet" type="text/css" href="[% opaclayoutstylesheet | url %]" />
34
[% ELSE %]
29
[% ELSE %]
35
- 

Return to bug 27113