Attachment #136457 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 4646-4651 div .suggestion_note { Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss (+33 lines)
4646	white-space:nowrap	4646	white-space:nowrap
4647	}	4647	}
4648	}	4648	}
		4649	/* Elasticsearch autocomplete menu */
		4650	.autocomplete {
		4651	/the container must be positioned relative:/
		4652	position: relative;
		4653	display: inline-block;
		4654	}
		4655
		4656	.autocomplete-items {
		4657	position: absolute;
		4658	border: 1px solid #d4d4d4;
		4659	border-bottom: none;
		4660	border-top: none;
		4661	z-index: 99;
		4662	/position the autocomplete items to be the same width as the container:/
		4663
		4664	div {
		4665	padding: 10px;
		4666	cursor: pointer;
		4667	background-color: #fff;
		4668	border-bottom: 1px solid #d4d4d4;
		4669
		4670	&:hover {
		4671	/when hovering an item:/
		4672	background-color: #e9e9e9;
		4673	}
		4674
		4675	&.autocomplete-active {
		4676	/when navigating through the items using the arrow keys:/
		4677	background-color: lighten(#85CA11, 45%);
		4678	}
		4679	}
		4680	}
		4681	/* /Elasticsearch autocomplete menu */
4649		4682
4650	#camera, #output {	4683	#camera, #output {
4651	border: 8px solid #EDF4F6;	4684	border: 8px solid #EDF4F6;

Lines 2872-2875 $star-selected: #EDB867; Link Here

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