Attachment #169757 for bug #33668

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

Lines 691-697 th { Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss (-1 / +1 lines)
691	position: absolute;	691	position: absolute;
692	right: 20px;	692	right: 20px;
693	top: 50%;	693	top: 50%;
694	transform: translateY(-50%);	694	transform: translateY( -50% );
695	cursor: pointer;	695	cursor: pointer;
696	color: #999;	696	color: #999;
697	}	697	}




    let search_placeholder = $("#masthead_search option:selected").data("placeholder");
    let clearButton = $('<span class="clear-search"><i class="fa-sharp fa-regular fa-circle-xmark"></i></span>');

    $("#translControl1").attr("placeholder", search_placeholder).after(clearButton);

    clearButton.click(function() {
        $("#translControl1").val('').focus();
        $(this).hide();
    });

    $("#translControl1").on('input', function() {
        if ($(this).val() !== '') {
            clearButton.show();
        } else {
- 

Return to bug 33668

Lines 253-266 function setPlaceholder(){ Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/js/global.js (-4 / +3 lines)
253	let search_placeholder = $("#masthead_search option:selected").data("placeholder");	253	let search_placeholder = $("#masthead_search option:selected").data("placeholder");
254	let clearButton = $('<span class="clear-search"><i class="fa-sharp fa-regular fa-circle-xmark"></i></span>');	254	let clearButton = $('<span class="clear-search"><i class="fa-sharp fa-regular fa-circle-xmark"></i></span>');
255		255
256	$("#translControl1").attr("placeholder", search_placeholder ).after(clearButton);	256	$("#translControl1").attr("placeholder", search_placeholder).after(clearButton);
257		257
258	clearButton.click(function() {	258	clearButton.click(function() {
259	$("#translControl1").val('').focus();	259	$("#translControl1").val('').focus();
260	$(this).hide();	260	$(this).hide();
261	});	261	});
262		262
263	$("#translControl1").on('input', function() {	263	$("#translControl1").on('input', function() {
264	if ($(this).val() !== '') {	264	if ($(this).val() !== '') {
265	clearButton.show();	265	clearButton.show();
266	} else {	266	} else {
267	-