f799c9b260
Added better labelling of sort lists for screen readers. Fadded out sort-item action buttons until hovering for a cleaner look.
18 lines
No EOL
1 KiB
PHP
18 lines
No EOL
1 KiB
PHP
<li data-id="{{ $book->id }}"
|
|
data-name="{{ $book->name }}"
|
|
data-created="{{ $book->created_at->timestamp }}"
|
|
data-updated="{{ $book->updated_at->timestamp }}"
|
|
class="scroll-box-item">
|
|
<div class="handle px-s">@icon('grip')</div>
|
|
<div class="text-book">@icon('book'){{ $book->name }}</div>
|
|
<div class="buttons flex-container-row items-center ml-auto px-xxs py-xs">
|
|
<button type="button" data-action="move_up" class="icon-button p-xxs"
|
|
title="{{ trans('entities.books_sort_move_up') }}">@icon('chevron-up')</button>
|
|
<button type="button" data-action="move_down" class="icon-button p-xxs"
|
|
title="{{ trans('entities.books_sort_move_down') }}">@icon('chevron-down')</button>
|
|
<button type="button" data-action="remove" class="icon-button p-xxs"
|
|
title="{{ trans('common.remove') }}">@icon('remove')</button>
|
|
<button type="button" data-action="add" class="icon-button p-xxs"
|
|
title="{{ trans('common.add') }}">@icon('add-small')</button>
|
|
</div>
|
|
</li> |