Attachment #84893 for bug #22261

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





button.dt-button,
div.dt-button,
a.dt-button,
a.dt-button:link,
a.dt-button:visited,
a.dt-button:hover,
a.dt-button:active {
    color: #000;
    font-size: 1em;
    margin: 3px 3px 0;
}

button.dt-button::before,
div.dt-button::before,
a.dt-button::before {
    content: '';
}

button.dt-button:active:not(.disabled):hover:not(.disabled),
button.dt-button.active:not(.disabled):hover:not(.disabled),
div.dt-button:active:not(.disabled):hover:not(.disabled),
div.dt-button.active:not(.disabled):hover:not(.disabled),
a.dt-button:active:not(.disabled):hover:not(.disabled),
a.dt-button.active:not(.disabled):hover:not(.disabled) {
    background: #FFC none;
    border-color: #CCC;
    box-shadow: none;
    text-shadow: none;
}

div.dt-button-collection {
    width: auto;
}

div.dt-button-collection a.dt-button {
    background: #FFF none;
    border-color: #EEE;
    text-shadow: none;
}

div.dt-button-collection a.dt-button::before {
    color: #CCC;
    content: "\f00d";
    display: inline-block;
    font-family: FontAwesome;
    margin-right: .5em;
    width: 1em;
}

div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled) {
    background: #E6F0F2 none;
    border: 1px solid #999;
    box-shadow: none;
}

div.dt-button-collection a.dt-button:active:not(.disabled)::before,
div.dt-button-collection a.dt-button.active:not(.disabled)::before {
    color:  #538200;
    content: "\f00c";
    display: inline-block;
    font-family: FontAwesome;
    margin-right: .5em;
    width: 1em;
}

div.dt-button-collection a.dt-button:not(.disabled):hover,
div.dt-button-collection a.dt-button.active:not(.disabled):hover {
    box-shadow: none;
    border: 1px solid #999;
    background: #FFC none;
}


div.dt-button-collection a.dt-button:not(.disabled)::before,
div.dt-button-collection a.dt-button.active:not(.disabled):hover::before {
    color:  #CC0000;
    content: "\f00d";
    display: inline-block;
    font-family: FontAwesome;
    margin-right: .5em;
    width: 1em;
}

div.dt-button-collection a.dt-button.buttons-html5:not(.disabled)::before {
    color: #222BAC;
    display: inline-block;
    font-family: FontAwesome;
    margin-right: .5em;
    width: 1em;
}

div.dt-button-collection a.dt-button.buttons-excel:not(.disabled)::before {
    content: "\f1c3";
}

div.dt-button-collection a.dt-button.buttons-csv:not(.disabled)::before {
    content: "\f0ce";
}

div.dt-button-collection a.dt-button.buttons-copy:not(.disabled)::before {
    content: "\f0c5";
}

div.dt-button-collection a.dt-button.buttons-print:not(.disabled)::before {
    color:  #222BAC;
    content: "\f02f";
    display: inline-block;
    font-family: FontAwesome;
    margin-right: .5em;
    width: 1em;
}

.dt-button-text {
    display: none;
}

Lines 72-77 function KohaTable(id_selector, dt_parameters, columns_settings, add_filters) { Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/columns_settings.inc (-1 / +1 lines)
72	},	72	},
73	{	73	{
74	extend: 'collection',	74	extend: 'collection',
		75	autoClose: true,
75	fade: 100,	76	fade: 100,
76	className: "export_controls",	77	className: "export_controls",
77	titleAttr: _("Export or print"),	78	titleAttr: _("Export or print"),
78	-

Return to bug 22261

Lines 305-318 table.group tr.even td { Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/css/datatables.css (+103 lines)
305		305
306	button.dt-button,	306	button.dt-button,
307	div.dt-button,	307	div.dt-button,
		308	a.dt-button,
308	a.dt-button:link,	309	a.dt-button:link,
309	a.dt-button:visited,	310	a.dt-button:visited,
310	a.dt-button:hover,	311	a.dt-button:hover,
311	a.dt-button:active {	312	a.dt-button:active {
312	color: #000;	313	color: #000;
		314	font-size: 1em;
313	margin: 3px 3px 0;	315	margin: 3px 3px 0;
314	}	316	}
315		317
		318	button.dt-button::before,
		319	div.dt-button::before,
		320	a.dt-button::before {
		321	content: '';
		322	}
		323
		324	button.dt-button:active:not(.disabled):hover:not(.disabled),
		325	button.dt-button.active:not(.disabled):hover:not(.disabled),
		326	div.dt-button:active:not(.disabled):hover:not(.disabled),
		327	div.dt-button.active:not(.disabled):hover:not(.disabled),
		328	a.dt-button:active:not(.disabled):hover:not(.disabled),
		329	a.dt-button.active:not(.disabled):hover:not(.disabled) {
		330	background: #FFC none;
		331	border-color: #CCC;
		332	box-shadow: none;
		333	text-shadow: none;
		334	}
		335
		336	div.dt-button-collection {
		337	width: auto;
		338	}
		339
		340	div.dt-button-collection a.dt-button {
		341	background: #FFF none;
		342	border-color: #EEE;
		343	text-shadow: none;
		344	}
		345
		346	div.dt-button-collection a.dt-button::before {
		347	color: #CCC;
		348	content: "\f00d";
		349	display: inline-block;
		350	font-family: FontAwesome;
		351	margin-right: .5em;
		352	width: 1em;
		353	}
		354
		355	div.dt-button-collection a.dt-button:active:not(.disabled),
		356	div.dt-button-collection a.dt-button.active:not(.disabled) {
		357	background: #E6F0F2 none;
		358	border: 1px solid #999;
		359	box-shadow: none;
		360	}
		361
		362	div.dt-button-collection a.dt-button:active:not(.disabled)::before,
		363	div.dt-button-collection a.dt-button.active:not(.disabled)::before {
		364	color: #538200;
		365	content: "\f00c";
		366	display: inline-block;
		367	font-family: FontAwesome;
		368	margin-right: .5em;
		369	width: 1em;
		370	}
		371
		372	div.dt-button-collection a.dt-button:not(.disabled):hover,
		373	div.dt-button-collection a.dt-button.active:not(.disabled):hover {
		374	box-shadow: none;
		375	border: 1px solid #999;
		376	background: #FFC none;
		377	}
		378
		379
		380	div.dt-button-collection a.dt-button:not(.disabled)::before,
		381	div.dt-button-collection a.dt-button.active:not(.disabled):hover::before {
382	color: #CC0000;
383	content: "\f00d";
384	display: inline-block;
385	font-family: FontAwesome;
386	margin-right: .5em;
387	width: 1em;
388	}
389
390	div.dt-button-collection a.dt-button.buttons-html5:not(.disabled)::before {
391	color: #222BAC;
392	display: inline-block;
393	font-family: FontAwesome;
394	margin-right: .5em;
395	width: 1em;
396	}
397
398	div.dt-button-collection a.dt-button.buttons-excel:not(.disabled)::before {
399	content: "\f1c3";
400	}
401
402	div.dt-button-collection a.dt-button.buttons-csv:not(.disabled)::before {
403	content: "\f0ce";
404	}
405
406	div.dt-button-collection a.dt-button.buttons-copy:not(.disabled)::before {
407	content: "\f0c5";
408	}
409
410	div.dt-button-collection a.dt-button.buttons-print:not(.disabled)::before {
411	color: #222BAC;
412	content: "\f02f";
413	display: inline-block;
414	font-family: FontAwesome;
415	margin-right: .5em;
416	width: 1em;
417	}
418
316	.dt-button-text {	419	.dt-button-text {
317	display: none;	420	display: none;
318	}	421	}