chore(vuepress-theme-reco): optimize NoteAbstractItem clickable area that didn't do well in #204

This commit is contained in:
z3rog 2020-07-03 23:41:57 +08:00
parent f5f13c669d
commit 8953aca152
2 changed files with 5 additions and 4 deletions

View File

@ -1,7 +1,7 @@
<template>
<div
class="abstract-item"
@click.self="$router.push(item.path)">
@click="$router.push(item.path)">
<i v-if="item.frontmatter.sticky" class="iconfont reco-sticky"></i>
<div class="title">
<i v-if="item.frontmatter.keys" class="iconfont reco-lock"></i>
@ -37,7 +37,10 @@ export default {
box-sizing: border-box;
transition all .3s
background-color var(--background-color)
cursor: pointer
cursor: pointer;
> * {
pointer-events: auto;
}
.reco-sticky
position absolute
top 0
@ -75,7 +78,6 @@ export default {
transform: scaleX(1);
.tags
.tag-item
cursor: pointer;
&.active
color $accentColor
&:hover

View File

@ -101,7 +101,6 @@ export default {
margin-left 0.5rem
.tags
.tag-item
cursor pointer
font-family Ubuntu, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif
&.active
color $accentColor