Updates to mosaic view mode: move checkbox to bottom. #900

This commit is contained in:
mateuswetah 2024-06-28 11:09:35 -03:00
parent 3b91a5159a
commit e70996edc7
2 changed files with 33 additions and 34 deletions

View File

@ -2016,6 +2016,10 @@
:transition-duration="500"
/>
<!-- Title -->
<div
class="metadata-title"
:style="{ 'padding-left': collectionId && !$adminOptions.hideItemsListSelection && ($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit)) ? '1.75em' : '1.0em' }">
<!-- Checkbox -->
<!-- TODO: Remove v-if="collectionId" from this element when the bulk edit in repository is done -->
<div
@ -2041,13 +2045,6 @@
<span class="sr-only">{{ $i18n.get('label_select_item') }}</span>
</label>
</div>
<!-- Title -->
<div
class="metadata-title"
:style="{
'padding-left': !collectionId || !($adminOptions.itemsSingleSelectionMode || $adminOptions.itemsMultipleSelectionMode || (collection && collection.current_user_can_bulk_edit)) || $adminOptions.itemsSearchSelectionMode ? '0 !important' : (isOnAllItemsTabs ? '0.5em' : '1em')
}">
<p
v-tooltip="{
delay: {

View File

@ -59,8 +59,8 @@
.mosaic-item-checkbox {
position: absolute;
margin-top: 8px;
margin-left: 1em;
margin-top: -2px;
margin-left: -1em;
z-index: 9;
}
.actions-area {
@ -105,9 +105,11 @@
}
}
}
&.selected-mosaic-item {
.actions-area {
& > .selected-mosaic-item {
background-color: var(--tainacan-turquoise1);
.actions-area,
.metadata-title {
background-color: var(--tainacan-turquoise1) !important;
}
}