azalea/corner
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[F] Fix menu not clicking through when hidden on mobile

Browse Source
This commit is contained in:
Hykilpikonna
2022-09-11 10:16:15 -04:00
parent 6f7f0cf351
commit 4ccf537603
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.vue
+9
View File
@@ -117,7 +117,9 @@ export default class App extends Vue
height: 100vh height: 100vh
font-size: 1.4em font-size: 1.4em
align-items: flex-start align-items: flex-start
z-index: 2 z-index: 2
pointer-events: none
font-family: "Microsoft YaHei UI", $font font-family: "Microsoft YaHei UI", $font
@@ -128,7 +130,9 @@ export default class App extends Vue
border-radius: 10px border-radius: 10px
text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5) text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5)
filter: drop-shadow(0 0 30px rgb(255, 255, 255)) filter: drop-shadow(0 0 30px rgb(255, 255, 255))
z-index: 100 z-index: 100
pointer-events: auto
opacity: 0 opacity: 0
@@ -150,7 +154,9 @@ export default class App extends Vue
.router-link .router-link
color: rgba(128, 112, 92, 0.71) color: rgba(128, 112, 92, 0.71)
position: relative position: relative
z-index: 100 z-index: 100
pointer-events: auto
.dot .dot
content: '·' content: '·'
@@ -173,12 +179,15 @@ export default class App extends Vue
//$nav-bg-color: rgb(255, 230, 214) //$nav-bg-color: rgb(255, 230, 214)
border-left: 20px solid $nav-bg-color border-left: 20px solid $nav-bg-color
background: linear-gradient(to right, $nav-bg-color, transparent) background: linear-gradient(to right, $nav-bg-color, transparent)
z-index: 4 z-index: 4
pointer-events: none pointer-events: none
#meru #meru
height: 160px height: 160px
z-index: 100 z-index: 100
pointer-events: auto
svg svg
display: inline-block display: inline-block