mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-02-21 02:56:40 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: fix inline-edit input

Browse source
This commit is contained in:
Alex Grozav 2023-06-22 13:31:46 +03:00
parent ffcbaedf18
commit 206baebf77
1 changed files with 12 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
packages/editor-ui/src/components/ExpandableInput/ExpandableInputBase.vue
View file

@ -28,23 +28,22 @@ export default defineComponent({
<style lang="scss" scoped>
$--horiz-padding: 15px;
input {
border: 1px solid transparent;
padding: 0 $--horiz-padding - 2px; // -2px for borders
}
div.el-input {
.el-input {
display: inline-grid;
font: inherit;
padding: 10px 0;
&::after,
input {
:deep(input) {
border: 1px solid transparent;
padding: 0 $--horiz-padding - 2px; // -2px for borders
width: 100%;
grid-area: 1 / 2;
font: inherit;
}
&::after {
grid-area: 1 / 2;
font: inherit;
content: attr(data-value) ' ';
visibility: hidden;
white-space: nowrap;
@ -56,9 +55,13 @@ div.el-input {
}
&:hover {
input:not(:focus) {
:deep(input):not(:focus) {
border: 1px solid var(--color-text-lighter);
}
}
:deep(input):focus {
border: 1px solid var(--color-secondary);
}
}
</style>