Merge pull request #8961 from aignatov-bio/ai-sci-12437-tags-css-fixes

Tags CSS fixes [SCI-12437]
This commit is contained in:
aignatov-bio 2025-10-20 14:06:34 +02:00 committed by GitHub
commit 71d9112063
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 13 additions and 7 deletions

View file

@ -15,6 +15,10 @@
@apply cursor-pointer;
}
.sci-tag .sn-icon.sn-icon-close:hover {
@apply text-white bg-sn-black rounded-full;
}
.sci-tag.disabled {
@apply opacity-40 cursor-not-allowed;
}

View file

@ -357,6 +357,8 @@ export default {
this.gridApi.setRowData(
[values, ...this.rowData]
);
document.querySelector('.ag-body-viewport').scrollTop = 0;
}
},
reloadingTable() {

View file

@ -19,7 +19,7 @@
<div v-for="tag in allTags" :key="tag.id"
class="rounded py-2 cursor-pointer hover:bg-sn-super-light-grey px-3 flex items-center gap-2"
:class="{'!bg-sn-super-light-blue': tagInEdit == tag.id }">
<div v-if="canAssign" @click="linkTag(tag)">
<div v-if="canAssign" @click="linkTag(tag)" class="h-4">
<div class="sci-checkbox-container pointer-events-none" >
<input type="checkbox" :checked="tags.find(t => t.id === tag.id)" class="sci-checkbox" />
<span class="sci-checkbox-label"></span>
@ -60,9 +60,11 @@
<i v-if="canDelete && newTagsCreated.includes(tag.id)" @click="deleteTag(tag)" class="ml-auto sn-icon sn-icon-delete"></i>
</div>
</div>
<div class="flex items-center gap-2 text-xs cursor-pointer px-2 py-2" v-if="canCreate && !addingNewTag" @click="startAddingNewTag">
<i class="sn-icon sn-icon-new-task"></i>
{{ i18n.t('tags.manage_modal.create_tag') }}
<div>
<div class="btn btn-light btn-black" v-if="canCreate && !addingNewTag" @click="startAddingNewTag">
<i class="sn-icon sn-icon-new-task"></i>
{{ i18n.t('tags.manage_modal.create_tag') }}
</div>
</div>
<div v-if="addingNewTag" class="flex items-center gap-2 bg-sn-super-light-blue py-2 px-3 rounded">
<div class="sci-checkbox-container pointer-events-none" >

View file

@ -11,9 +11,7 @@
@keydown.enter="saveName"
@keydown.escape="cancelEditing"
@keydown="handleKeydown"
v-model="tagName"
@blur="saveName"
@change="saveName" />
v-model="tagName" />
<div v-if="error" class="text-xs text-sn-alert-passion">{{ error }}</div>
</template>
</div>