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 4458-4463 div .suggestion_note { Link Here
4458
        display: block;
4458
        display: block;
4459
    }
4459
    }
4460
}
4460
}
4461
/* Elasticsearch autocomplete menu */
4462
.autocomplete {
4463
    /*the container must be positioned relative:*/
4464
    position: relative;
4465
    display: inline-block;
4466
}
4467
4468
.autocomplete-items {
4469
    position: absolute;
4470
    border: 1px solid #d4d4d4;
4471
    border-bottom: none;
4472
    border-top: none;
4473
    z-index: 99;
4474
    /*position the autocomplete items to be the same width as the container:*/
4475
4476
    div {
4477
        padding: 10px;
4478
        cursor: pointer;
4479
        background-color: #fff;
4480
        border-bottom: 1px solid #d4d4d4;
4481
4482
        &:hover {
4483
            /*when hovering an item:*/
4484
            background-color: #e9e9e9;
4485
        }
4486
4487
        &.autocomplete-active {
4488
            /*when navigating through the items using the arrow keys:*/
4489
            background-color: lighten(#85CA11, 45%);
4490
        }
4491
    }
4492
}
4493
/* /Elasticsearch autocomplete menu */
4461
4494
4462
#camera,
4495
#camera,
4463
#output {
4496
#output {
(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/doc-head-close.inc (-5 lines)
Lines 28-38 Link Here
28
[% Asset.css("css/print.css", { media = "print" }) | $raw %]
28
[% Asset.css("css/print.css", { media = "print" }) | $raw %]
29
[% INCLUDE intranetstylesheet.inc %]
29
[% INCLUDE intranetstylesheet.inc %]
30
[% IF ( bidi ) %][% Asset.css("css/right-to-left.css") | $raw %][% END %]
30
[% IF ( bidi ) %][% Asset.css("css/right-to-left.css") | $raw %][% END %]
31
<!-- Intranet inc CSS IntranetAutocompleteElasticSearch -->
32
[% IF ( Koha.Preference('IntranetAutocompleteElasticSearch') ) %]
33
    [% SET Optylesheet = 'elasticsearch/autocomplete.css' %]
34
    <link rel="stylesheet" type="text/css" href="[% interface | url %]/[% theme | url %]/css/[% Optylesheet | url %]" />
35
[% END %]
36
31
37
<script>
32
<script>
38
var Koha = {};
33
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 (-52 / +28 lines)
Lines 2888-2949 $star-selected: #EDB867; Link Here
2888
    }
2888
    }
2889
}
2889
}
2890
2890
2891
/* Cookie consent bar */
2891
/* Elasticsearch autocomplete menu */
2892
#cookieConsentBar {
2892
.autocomplete {
2893
    display: none;
2893
    /*the container must be positioned relative:*/
2894
    padding: 20px;
2894
    position: relative;
2895
    position: fixed;
2895
    width: 100%;
2896
    bottom: 0;
2897
    left: 0;
2898
    right: 0;
2899
    background: rgba(0,0,0,0.7);
2900
    color: rgba(255,255,255,0.9);
2901
    z-index: 1;
2902
    a:link, a:visited {
2903
        color: #c5ecff;
2904
    }
2905
    #consentButtons {
2906
        margin-top: 10px;
2907
        text-align: right;
2908
    }
2909
    button:not(:last-child) {
2910
        margin-right: 10px;
2911
    }
2912
}
2896
}
2913
2897
2914
/* Cookie consent modal */
2898
.autocomplete-items {
2915
#cookieConsentModal {
2899
    position: absolute;
2916
    .modal-dialog {
2900
    border: 1px solid #d4d4d4;
2917
        max-width: 1000px;
2901
    border-bottom: none;
2918
    }
2902
    border-top: none;
2919
    .consentModalItem {
2903
    z-index: 9999;
2920
        display: flex;
2921
        align-items: center;
2922
        border: 1px solid #ccc;
2923
        padding: 10px 20px;
2924
        border-radius: 5px;
2925
    }
2926
    .consentModalItem:not(:last-child) {
2927
        margin-bottom: 20px;
2928
    }
2929
    .consentItemCheckbox {
2930
        padding-right: 20px;
2931
    }
2932
    .consentItemName {
2933
        font-weight: bold;
2934
    }
2935
    #cookieConsentPopupText {
2936
        margin: 20px 0;
2937
    }
2938
}
2939
2904
2940
#viewCookieConsents {
2905
    div {
2941
    margin-top: 10px;
2906
        padding: 10px;
2942
}
2907
        cursor: pointer;
2908
        background-color: #fff;
2909
        border-bottom: 1px solid #d4d4d4;
2910
2911
        &:hover {
2912
            /*when hovering an item:*/
2913
            background-color: #e9e9e9;
2914
        }
2943
2915
2944
#patronconsents h2 {
2916
        &.autocomplete-active {
2945
    margin-top: 30px;
2917
            /*when navigating through the items using the arrow keys:*/
2946
    font-size: 1.1rem;
2918
            background-color: lighten( $input-btn-focus-color, 45% );
2919
        }
2920
    }
2947
}
2921
}
2948
2922
2923
/* /Elasticsearch autocomplete menu */
2924
2949
@import "responsive";
2925
@import "responsive";
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/doc-head-close.inc (-6 lines)
Lines 21-31 Link Here
21
        [% SET opaclayoutstylesheet = 'opac.css' %]
21
        [% SET opaclayoutstylesheet = 'opac.css' %]
22
    [% END %]
22
    [% END %]
23
[% END %]
23
[% END %]
24
<!-- OPAC inc CSS OPACAutocompleteElasticSearch -->
25
[% IF ( Koha.Preference('OPACAutocompleteElasticSearch') ) %]
26
    [% SET Optylesheet = 'opac-elasticsearch/opac-autocomplete.css' %]
27
    <link rel="stylesheet" type="text/css" href="[% interface | url %]/[% theme | url %]/css/[% Optylesheet | url %]" />
28
[% END %]
29
[% IF (opaclayoutstylesheet.match('^https?:|^\/')) %]
24
[% IF (opaclayoutstylesheet.match('^https?:|^\/')) %]
30
    <link rel="stylesheet" type="text/css" href="[% opaclayoutstylesheet | url %]" />
25
    <link rel="stylesheet" type="text/css" href="[% opaclayoutstylesheet | url %]" />
31
[% ELSE %]
26
[% ELSE %]
32
- 

Return to bug 27113