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 2885-2946 $star-selected: #EDB867; Link Here
2885
    }
2885
    }
2886
}
2886
}
2887
2887
2888
/* Cookie consent bar */
2888
/* Elasticsearch autocomplete menu */
2889
#cookieConsentBar {
2889
.autocomplete {
2890
    display: none;
2890
    /*the container must be positioned relative:*/
2891
    padding: 20px;
2891
    position: relative;
2892
    position: fixed;
2892
    width: 100%;
2893
    bottom: 0;
2894
    left: 0;
2895
    right: 0;
2896
    background: rgba(0,0,0,0.7);
2897
    color: rgba(255,255,255,0.9);
2898
    z-index: 1;
2899
    a:link, a:visited {
2900
        color: #c5ecff;
2901
    }
2902
    #consentButtons {
2903
        margin-top: 10px;
2904
        text-align: right;
2905
    }
2906
    button:not(:last-child) {
2907
        margin-right: 10px;
2908
    }
2909
}
2893
}
2910
2894
2911
/* Cookie consent modal */
2895
.autocomplete-items {
2912
#cookieConsentModal {
2896
    position: absolute;
2913
    .modal-dialog {
2897
    border: 1px solid #d4d4d4;
2914
        max-width: 1000px;
2898
    border-bottom: none;
2915
    }
2899
    border-top: none;
2916
    .consentModalItem {
2900
    z-index: 9999;
2917
        display: flex;
2918
        align-items: center;
2919
        border: 1px solid #ccc;
2920
        padding: 10px 20px;
2921
        border-radius: 5px;
2922
    }
2923
    .consentModalItem:not(:last-child) {
2924
        margin-bottom: 20px;
2925
    }
2926
    .consentItemCheckbox {
2927
        padding-right: 20px;
2928
    }
2929
    .consentItemName {
2930
        font-weight: bold;
2931
    }
2932
    #cookieConsentPopupText {
2933
        margin: 20px 0;
2934
    }
2935
}
2936
2901
2937
#viewCookieConsents {
2902
    div {
2938
    margin-top: 10px;
2903
        padding: 10px;
2939
}
2904
        cursor: pointer;
2905
        background-color: #fff;
2906
        border-bottom: 1px solid #d4d4d4;
2907
2908
        &:hover {
2909
            /*when hovering an item:*/
2910
            background-color: #e9e9e9;
2911
        }
2940
2912
2941
#patronconsents h2 {
2913
        &.autocomplete-active {
2942
    margin-top: 30px;
2914
            /*when navigating through the items using the arrow keys:*/
2943
    font-size: 1.1rem;
2915
            background-color: lighten( $input-btn-focus-color, 45% );
2916
        }
2917
    }
2944
}
2918
}
2945
2919
2920
/* /Elasticsearch autocomplete menu */
2921
2946
@import "responsive";
2922
@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