scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2024-09-20 14:45:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #7599 from aignatov-bio/ai-sci-10745-small-css-fixes

Browse source 
Small css fixes [SCI-10745]
This commit is contained in:
aignatov-bio 2024-05-28 12:49:05 +02:00 committed by GitHub
parent 8640fec536 70495c36d6
commit 0eb9bfcf36
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/javascript/vue/global_search/filters.vue
View file

@ -1,6 +1,6 @@
<template>
<div class="max-w-[600px] py-3.5">
<div class="flex flex-col pb-6 overflow-y-auto max-h-[calc(80vh_-_160px)]">
<div class="flex flex-col pb-6 overflow-y-auto w-[calc(100%_+_1rem)] px-2 -ml-2 max-h-[calc(80vh_-_160px)]">
<div class="sci-label mb-2" data-e2e="e2e-TX-globalSearch-filters-filterByType">{{ i18n.t('search.filters.by_type') }}</div>
<div class="flex items-center gap-2 flex-wrap mb-6">
<template v-for="group in searchGroups" :key="group.value">

7
app/javascript/vue/my_modules/modals/tags.vue
View file

@ -20,7 +20,7 @@
<div class="mb-4">
<h5>{{ i18n.t("experiments.canvas.modal_manage_tags.project_tags", { project: this.projectName }) }}</h5>
</div>
<div class="max-h-80 overflow-y-auto" v-click-outside="finishEditMode">
<div ref="scrollContainer" class="max-h-80 overflow-y-auto" v-click-outside="finishEditMode">
<template v-for="tag in sortedAllTags" :key="tag.id">
<div
class="flex items-center gap-3 px-3 py-2.5 group"
@ -109,7 +109,6 @@
</GeneralDropdown>
<input type="text" v-model="newTag.name"
ref="newTagNameInput"
@click="setRandomColor"
:placeholder="i18n.t('experiments.canvas.modal_manage_tags.new_tag_name')"
class="border-0 focus:outline-none bg-transparent" />
<i v-if="!creatingTag" class="sn-icon sn-icon-edit opacity-0 group-hover:opacity-50 ml-auto"></i>
@ -204,6 +203,8 @@ export default {
startEditMode(tag) {
if (!this.canManage) return;
const scrollPosition = this.$refs.scrollContainer.scrollTop;
this.finishEditMode();
tag.initialName = tag.attributes.name;
@ -211,6 +212,7 @@ export default {
this.tagToUpdate = tag;
this.$nextTick(() => {
this.$refs.modal.querySelector('input').focus();
this.$refs.scrollContainer.scrollTop = scrollPosition;
});
},
finishEditMode(e, tag = null) {
@ -317,6 +319,7 @@ export default {
this.creatingTag = true;
this.$nextTick(() => {
this.$refs.newTagNameInput.focus();
this.setRandomColor();
});
},
cancelCreating(e) {