Attachment #121558 for bug #27113

View | Details | Raw Unified | Return to bug 27113
Collapse All | Expand All




.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}
.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
  }
  .autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
  }
  .autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
  }
  .autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: #cedfb1 !important;
    color: #ffffff;
  }




    }
}

/* Elasticsearch autocomplete menu */
.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/

    div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;

        &:hover {
            /*when hovering an item:*/
            background-color: #e9e9e9;
        }

        &.autocomplete-active {
            /*when navigating through the items using the arrow keys:*/
            background-color: lighten(#85CA11, 45%);
        }
    }
}
/* /Elasticsearch autocomplete menu */

@media (min-width: 200px) {

}

Lines 22-32 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/doc-head-close.inc (-5 lines)
22	[% Asset.css("css/print.css", { media = "print" }) \| $raw %]	22	[% Asset.css("css/print.css", { media = "print" }) \| $raw %]
23	[% INCLUDE intranetstylesheet.inc %]	23	[% INCLUDE intranetstylesheet.inc %]
24	[% IF ( bidi ) %][% Asset.css("css/right-to-left.css") \| $raw %][% END %]	24	[% IF ( bidi ) %][% Asset.css("css/right-to-left.css") \| $raw %][% END %]
25	<!-- Intranet inc CSS IntranetAutocompleteElasticSearch -->
26	[% IF ( Koha.Preference('IntranetAutocompleteElasticSearch') ) %]
27	[% SET Optylesheet = 'elasticsearch/autocomplete.css' %]
28	<link rel="stylesheet" type="text/css" href="[% interface \| url %]/[% theme \| url %]/css/[% Optylesheet \| url %]" />
29	[% END %]
30		25
31	<script>	26	<script>
32	var Koha = {};	27	var Koha = {};




/* CSS file OPACAutocompleteElasticSearch */
.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
  width: 100%;
}
.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
  }
  .autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
  }
  .autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
  }
  .autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: #cedfb1 !important;
    color: #ffffff;
  }




    margin-bottom: 1rem;
}

/* Elasticsearch autocomplete menu */
.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
    width: 100%;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;

    div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;

        &:hover {
            /*when hovering an item:*/
            background-color: #e9e9e9;
        }

        &.autocomplete-active {
            /*when navigating through the items using the arrow keys:*/
            background-color: lighten( $input-btn-focus-color, 45% );
        }
    }
}

/* /Elasticsearch autocomplete menu */

@import "responsive";




        [% SET opaclayoutstylesheet = 'opac.css' %]
    [% END %]
[% END %]
<!-- OPAC inc CSS OPACAutocompleteElasticSearch -->
[% IF ( Koha.Preference('OPACAutocompleteElasticSearch') ) %]
    [% SET Optylesheet = 'opac-elasticsearch/opac-autocomplete.css' %]
    <link rel="stylesheet" type="text/css" href="[% interface | url %]/[% theme | url %]/css/[% Optylesheet | url %]" />
[% END %]
[% IF (opaclayoutstylesheet.match('^https?:|^\/')) %]
    <link rel="stylesheet" type="text/css" href="[% opaclayoutstylesheet | url %]" />
[% ELSE %]
- 

Return to bug 27113

Lines 4426-4431 div .suggestion_note { Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss (+34 lines)
4426	}	4426	}
4427	}	4427	}
4428		4428
		4429	/* Elasticsearch autocomplete menu */
		4430	.autocomplete {
		4431	/the container must be positioned relative:/
		4432	position: relative;
		4433	display: inline-block;
		4434	}
		4435
		4436	.autocomplete-items {
		4437	position: absolute;
		4438	border: 1px solid #d4d4d4;
		4439	border-bottom: none;
		4440	border-top: none;
		4441	z-index: 99;
		4442	/position the autocomplete items to be the same width as the container:/
		4443
		4444	div {
		4445	padding: 10px;
		4446	cursor: pointer;
		4447	background-color: #fff;
		4448	border-bottom: 1px solid #d4d4d4;
		4449
		4450	&:hover {
		4451	/when hovering an item:/
		4452	background-color: #e9e9e9;
		4453	}
		4454
		4455	&.autocomplete-active {
		4456	/when navigating through the items using the arrow keys:/
		4457	background-color: lighten(#85CA11, 45%);
		4458	}
		4459	}
		4460	}
		4461	/* /Elasticsearch autocomplete menu */
		4462
4429	@media (min-width: 200px) {	4463	@media (min-width: 200px) {
4430		4464
4431	}	4465	}

Lines 2626-2629 $star-selected: #EDB867; Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss (+35 lines)
2626	margin-bottom: 1rem;	2626	margin-bottom: 1rem;
2627	}	2627	}
2628		2628
		2629	/* Elasticsearch autocomplete menu */
		2630	.autocomplete {
		2631	/the container must be positioned relative:/
		2632	position: relative;
		2633	display: inline-block;
		2634	width: 100%;
		2635	}
		2636
		2637	.autocomplete-items {
		2638	position: absolute;
		2639	border: 1px solid #d4d4d4;
		2640	border-bottom: none;
		2641	border-top: none;
		2642	z-index: 99;
		2643
		2644	div {
		2645	padding: 10px;
		2646	cursor: pointer;
		2647	background-color: #fff;
		2648	border-bottom: 1px solid #d4d4d4;
		2649
		2650	&:hover {
		2651	/when hovering an item:/
		2652	background-color: #e9e9e9;
		2653	}
		2654
		2655	&.autocomplete-active {
		2656	/when navigating through the items using the arrow keys:/
		2657	background-color: lighten( $input-btn-focus-color, 45% );
		2658	}
		2659	}
		2660	}
		2661
		2662	/* /Elasticsearch autocomplete menu */
		2663
2629	@import "responsive";	2664	@import "responsive";

Lines 1-28 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/css/elasticsearch/autocomplete.css (-28 lines)
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	}

Lines 1-29 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/opac-elasticsearch/opac-autocomplete.css (-29 lines)
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	}

Lines 23-33 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/doc-head-close.inc (-6 lines)
23	[% SET opaclayoutstylesheet = 'opac.css' %]	23	[% SET opaclayoutstylesheet = 'opac.css' %]
24	[% END %]	24	[% END %]
25	[% END %]	25	[% END %]
26	<!-- OPAC inc CSS OPACAutocompleteElasticSearch -->
27	[% IF ( Koha.Preference('OPACAutocompleteElasticSearch') ) %]
28	[% SET Optylesheet = 'opac-elasticsearch/opac-autocomplete.css' %]
29	<link rel="stylesheet" type="text/css" href="[% interface \| url %]/[% theme \| url %]/css/[% Optylesheet \| url %]" />
30	[% END %]
31	[% IF (opaclayoutstylesheet.match('^https?:\|^\/')) %]	26	[% IF (opaclayoutstylesheet.match('^https?:\|^\/')) %]
32	<link rel="stylesheet" type="text/css" href="[% opaclayoutstylesheet \| url %]" />	27	<link rel="stylesheet" type="text/css" href="[% opaclayoutstylesheet \| url %]" />
33	[% ELSE %]	28	[% ELSE %]
34	-