settings-list-controls, a new class promoting bigger click areas for controls in settings list
This commit is contained in:
parent
5437db72e6
commit
ade9ad62e3
2 changed files with 21 additions and 1 deletions
|
@ -21,7 +21,10 @@
|
|||
<td><%= device.name %></td>
|
||||
<td><%= device.location %></td>
|
||||
<td><%- @humanTime(device.updated_at) %></td>
|
||||
<td><a href="#" data-device-id="<%- device.id %>" data-type="delete" title="<%- @Ti('Delete') %>"<% if device.current: %>disabled<% end %>><%- @Icon('trash') %></a></td>
|
||||
<td class="settings-list-controls">
|
||||
<div>
|
||||
<a class="settings-list-control" href="#" data-device-id="<%- device.id %>" data-type="delete" title="<%- @Ti('Delete') %>"<% if device.current: %>disabled<% end %>><%- @Icon('trash') %></a>
|
||||
</div>
|
||||
</tr>
|
||||
<% end %>
|
||||
</tbody>
|
||||
|
|
|
@ -6943,6 +6943,23 @@ output {
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
.settings-list-controls {
|
||||
padding: 0;
|
||||
|
||||
& > div {
|
||||
display: flex;
|
||||
min-height: 40px;
|
||||
}
|
||||
|
||||
.settings-list-control {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.settings-list-control-cell {
|
||||
padding: 5px;
|
||||
|
||||
|
|
Loading…
Reference in a new issue