Owen Leonard
7bfd83d21b
This patch updates the "your summary" page in the OPAC so that tables on the logged-in user's page have DataTables controls. The patch also tweaks the DataTable configuration of some other pages to make them all more consistent. To test, apply the patch and rebuild the OPAC CSS (https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff_client). - Log in to the OPAC as a user who has checkouts, overdues, and holds. - On the "your summary" page, confirm that the checkouts table has controls at the top: A search form and link-style buttons: Clear filter, Copy, CSV, Print, iCal, Renew selected, and Renew all. - Confirm that each work correctly. - At the bottom of the page, the style of the "Renew selected" and "Renew all" buttons should now be side by side. - Confirm that both buttons work correctly. - If necessary, enable the UseCourseReserves system preference. - Go to the OPAC course reserves page. - Confirm that there is a working "Search courses" field at the top of the table. - View the contents of a course reserve. - There should be a "Search course reserves" field at the top of the table. Signed-off-by: Lucas Gass <lucas@bywatersolutions.com> Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de> Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
58 lines
1.2 KiB
CSS
58 lines
1.2 KiB
CSS
.dataTables_filter label {
|
|
font-size: 12px;
|
|
}
|
|
|
|
input.search_init {
|
|
color: #999999;
|
|
}
|
|
|
|
div.top {clear : both; }
|
|
|
|
div.dataTables_length,
|
|
div.dataTables_filter {
|
|
border-left : 1px solid #FFF;
|
|
}
|
|
|
|
div.dataTables_filter {
|
|
float: left;
|
|
padding : .3em 0 0 0;
|
|
margin : 0;
|
|
}
|
|
|
|
.dt-buttons {
|
|
padding: .3em 0 0 0;
|
|
}
|
|
|
|
.dataTables_filter input {
|
|
background-color: #fff;
|
|
border-radius: 0.2rem;
|
|
border: 1px solid #ced4da;
|
|
color: #495057;
|
|
height: calc(1.5em + 0.5rem + 2px);
|
|
line-height: 1.5;
|
|
margin-left: 3px;
|
|
padding: 0.25rem 0.5rem;
|
|
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
|
|
}
|
|
|
|
.dataTables_filter input[type="search"]:focus {
|
|
border-color: #85ca11;
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(194, 228, 136, 0.6);
|
|
}
|
|
|
|
div.dt-button-collection {
|
|
background-color: white;
|
|
border-radius: 5px;
|
|
border: 1px solid #ccc;
|
|
border: 1px solid rgba(0, 0, 0, 0.4);
|
|
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
|
|
column-gap: 8px;
|
|
left: 0;
|
|
margin-top: 3px;
|
|
overflow: hidden;
|
|
padding: 8px 8px 4px 8px;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 150px;
|
|
z-index: 2002;
|
|
}
|