tmdinosaurcenter
/
tainacan
mirror of https://github.com/tainacan/tainacan
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/views/admin/components/lists/items-list.vue
View File

@ -2016,6 +2016,10 @@
:transition-duration="500" :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 --> <!-- Checkbox -->
<!-- TODO: Remove v-if="collectionId" from this element when the bulk edit in repository is done --> <!-- TODO: Remove v-if="collectionId" from this element when the bulk edit in repository is done -->
<div <div
@ -2041,13 +2045,6 @@
<span class="sr-only">{{ $i18n.get('label_select_item') }}</span> <span class="sr-only">{{ $i18n.get('label_select_item') }}</span>
</label> </label>
</div> </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 <p
v-tooltip="{ v-tooltip="{
delay: { delay: {

10
src/views/admin/scss/_view-mode-mosaic.scss
View File

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