Attachment #133410 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;
  }




        white-space:nowrap
    }
}
/* 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 */

#camera, #output {
    border: 8px solid #EDF4F6;

Lines 26-36 Link Here

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




    }
}

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

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

    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 4581-4586 div .suggestion_note { Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss (+33 lines)
4581	white-space:nowrap	4581	white-space:nowrap
4582	}	4582	}
4583	}	4583	}
		4584	/* Elasticsearch autocomplete menu */
		4585	.autocomplete {
		4586	/the container must be positioned relative:/
		4587	position: relative;
		4588	display: inline-block;
		4589	}
		4590
		4591	.autocomplete-items {
		4592	position: absolute;
		4593	border: 1px solid #d4d4d4;
		4594	border-bottom: none;
		4595	border-top: none;
		4596	z-index: 99;
		4597	/position the autocomplete items to be the same width as the container:/
		4598
		4599	div {
		4600	padding: 10px;
		4601	cursor: pointer;
		4602	background-color: #fff;
		4603	border-bottom: 1px solid #d4d4d4;
		4604
		4605	&:hover {
		4606	/when hovering an item:/
		4607	background-color: #e9e9e9;
		4608	}
		4609
		4610	&.autocomplete-active {
		4611	/when navigating through the items using the arrow keys:/
		4612	background-color: lighten(#85CA11, 45%);
		4613	}
		4614	}
		4615	}
		4616	/* /Elasticsearch autocomplete menu */
4584		4617
4585	#camera, #output {	4618	#camera, #output {
4586	border: 8px solid #EDF4F6;	4619	border: 8px solid #EDF4F6;

Lines 2862-2865 $star-selected: #EDB867; Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss (+34 lines)
2862	}	2862	}
2863	}	2863	}
2864		2864
		2865	/* Elasticsearch autocomplete menu */
		2866	.autocomplete {
		2867	/the container must be positioned relative:/
		2868	position: relative;
		2869	width: 100%;
		2870	}
		2871
		2872	.autocomplete-items {
		2873	position: absolute;
		2874	border: 1px solid #d4d4d4;
		2875	border-bottom: none;
		2876	border-top: none;
		2877	z-index: 9999;
		2878
		2879	div {
		2880	padding: 10px;
		2881	cursor: pointer;
		2882	background-color: #fff;
		2883	border-bottom: 1px solid #d4d4d4;
		2884
		2885	&:hover {
		2886	/when hovering an item:/
		2887	background-color: #e9e9e9;
		2888	}
		2889
		2890	&.autocomplete-active {
		2891	/when navigating through the items using the arrow keys:/
		2892	background-color: lighten( $input-btn-focus-color, 45% );
		2893	}
		2894	}
		2895	}
		2896
		2897	/* /Elasticsearch autocomplete menu */
		2898
2865	@import "responsive";	2899	@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	-