scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-01-24 00:29:30 +08:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #7489 from sboursen-scinote/sb_SCI-10568

Browse source 
Fix various CSS issues for experiment canvas and table [SCI-10568]
This commit is contained in:
aignatov-bio 2024-04-22 13:42:14 +02:00 committed by GitHub
commit 905793870d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 29 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
app/assets/stylesheets/experiment/canvas.scss
View file

@ -12,6 +12,12 @@
.panel-heading {
padding: 7px 30px 7px 15px;
.panel-title {
align-items: center;
display: flex;
height: 100%;
}
}
.panel-body {
@ -97,4 +103,18 @@
grid-template-columns: 1fr;
}
}
.bootstrap-select .dropdown-toggle:focus {
outline: none !important;
}
.filter-option-inner {
height: 100%;
.filter-option-inner-inner {
align-items: center;
display: flex;
height: 100%;
}
}
}

17
app/javascript/vue/my_modules/renderers/tags.vue
View file

@ -1,15 +1,16 @@
<template>
<div class="flex items-center gap-1.5 h-9 mt-0.5">
<template v-if="params.data.tags.length > 0 || params.data.permissions.manage_tags">
<div v-if="params.data.tags.length > 0"
class="h-6 px-1.5 flex items-center rounded text-white max-w-[150px]"
:style="{'background': params.data.tags[0].color}">
<div class="truncate">{{ params.data.tags[0].name }}</div>
</div>
<GeneralDropdown v-if="params.data.tags.length > 1" >
<GeneralDropdown v-if="params.data.tags.length > 0">
<template v-slot:field>
<div class="h-6 min-w-[24px] text-sn-dark-grey flex items-center justify-center rounded-full text-[.625rem]
bg-sn-light-grey border !border-sn-sleepy-grey cursor-pointer">
<div
class="h-6 px-1.5 inline-flex items-center rounded text-white max-w-[150px]"
:style="{'background': params.data.tags[0].color}">
<div class="truncate">{{ params.data.tags[0].name }}</div>
</div>
<div v-if="params.data.tags.length > 1"
class="h-6 min-w-[24px] text-sn-dark-grey inline-flex items-center justify-center rounded-full text-[.625rem]
ml-1.5 bg-sn-light-grey border !border-sn-sleepy-grey cursor-pointer">
<span>+{{ params.data.tags.length - 1 }}</span>
</div>
</template>