Fix checkbox in safari [SCI-7239]

This commit is contained in:
Anton 2022-09-22 11:24:02 +02:00
parent e3ca916c2a
commit 9bc4610cae
3 changed files with 9 additions and 3 deletions

View file

@ -15,7 +15,7 @@ var RepositoryDatatable = (function(global) {
var TABLE_WRAPPER_ID = '.repository-table';
var TABLE = null;
var EDITABLE = false;
var SELECT_ALL_SELECTOR = '#checkbox > input[name=select_all]';
var SELECT_ALL_SELECTOR = '#checkbox input[name=select_all]';
const STATUS_POLLING_INTERVAL = 10000;
var rowsSelected = [];
@ -465,8 +465,10 @@ var RepositoryDatatable = (function(global) {
className: 'dt-body-center',
sWidth: '1%',
render: function(data, type, row) {
return `<input class='repository-row-selector sci-checkbox' type='checkbox' data-editable="${row.recordEditable}">
<span class='sci-checkbox-label'></span>`;
return `<div class="sci-checkbox-container">
<input class='repository-row-selector sci-checkbox' type='checkbox' data-editable="${row.recordEditable}">
<span class='sci-checkbox-label'></span>
</div>`;
}
}, {
// Assigned column is not searchable

View file

@ -28,6 +28,8 @@ input[type="checkbox"].sci-checkbox {
height: var(--sci-checkbox-size);
margin-left: calc(var(--sci-checkbox-size) * -1);
position: absolute;
right: 0;
top: 0;
width: var(--sci-checkbox-size);
&::before {

View file

@ -29,8 +29,10 @@
<thead>
<tr>
<th id="checkbox" data-unmanageable="true">
<div class="sci-checkbox-container">
<input name="select_all" value="1" type="checkbox" class="sci-checkbox">
<span class="sci-checkbox-label"></span>
</div>
</th>
<th id="assigned" data-unmanageable="true"><%= t("repositories.table.assigned") %></th>
<% if @repository.is_a?(LinkedRepository) %>