scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-09-13 16:45:18 +08:00
Code Issues Projects Releases Packages Wiki Activity

changed styling to tw class / optimized inline editing height

Browse source
This commit is contained in:
Giga Chubinidze 2023-10-05 13:01:34 +04:00
parent b2bc968a4f
commit 2c3d5c4fd5
3 changed files with 2 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/assets/stylesheets/shared/content/table.scss
View file

@ -3,7 +3,4 @@
th {
color: $color-black;
}
.mb-15 {
margin-bottom: 15px;
}
}

2
app/javascript/vue/shared/content/table.vue
View file

@ -1,7 +1,7 @@
<template>
<div class="content__table-container">
<div class="border-0 border-b border-dashed border-sn-light-grey my-6" v-if="!inRepository"></div>
<div class="table-header h-9 flex rounded mb-1 mb-15 items-center relative w-full group/table-header" :class="{ 'editing-name': editingName, 'locked': locked }">
<div class="table-header h-9 flex rounded mb-3 items-center relative w-full group/table-header" :class="{ 'editing-name': editingName, 'locked': locked }">
<div v-if="!locked || element.attributes.orderable.name" :key="reloadHeader"
class="grow-1 text-ellipsis whitespace-nowrap grow my-1 font-bold"
:class="{'pointer-events-none': locked}">

1
app/javascript/vue/shared/inline_edit.vue
View file

@ -239,6 +239,7 @@
if (this.editing && !this.singleLine) {
this.$nextTick(() => {
if (!this.$refs.input) return;
this.$refs.input.style.height = this.$refs.input.scrollHeight / 2 + 'px';
this.$refs.input.style.height = this.$refs.input.scrollHeight + 'px';
});