face-top: make rename util

Signed-off-by: Varun Patil <radialapps@gmail.com>
pull/953/head
Varun Patil 2023-11-28 20:42:47 -08:00
parent 5f138698e0
commit ec95c4720e
2 changed files with 14 additions and 16 deletions

View File

@ -8,7 +8,7 @@
</NcActions> </NcActions>
<div class="name"> <div class="name">
<div :class="{ rename: isReal }" @click="rename"> <div :class="{ 'rename-hover': isReal }" @click="rename">
{{ displayName }} {{ displayName }}
</div> </div>
</div> </div>
@ -156,18 +156,3 @@ export default defineComponent({
}, },
}); });
</script> </script>
<style scoped lang="scss">
.face-top-matter {
.name > .rename {
cursor: text;
display: inline-block;
&:hover {
text-decoration: underline;
text-decoration-color: var(--color-placeholder-light);
text-underline-offset: 5px;
}
}
}
</style>

View File

@ -47,3 +47,16 @@ input[type='number'] {
margin: 0; margin: 0;
} }
} }
// Show the hover cursor and an underline
.rename-hover {
cursor: text;
display: inline-block;
&:hover {
text-decoration: underline;
text-decoration-color: var(--color-placeholder-light);
text-underline-offset: 5px;
text-decoration-thickness: 1px;
}
}