Enabled input tab navigation without changing visual appearance.

This commit is contained in:
Violet Rose 2020-09-06 17:16:25 -07:00
parent 0b3c676ef9
commit cd309b1c3f
2 changed files with 13 additions and 3 deletions

View File

@ -1,10 +1,20 @@
/* Thanks to Guus Lieben for the Material Design Switch */ /* Thanks to Guus Lieben for the Material Design Switch */
.switch-ctn
position: relative
.switch-input .switch-input
display: none appearance: none
height: 20px
left: -3px
position: absolute
top: calc(50% - 3px)
-ms-transform: translate(0, (-50%))
-webkit-transform: translate(0, -50%)
transform: translate(0, -50%)
width: 34px
.switch-label .switch-label
position: relative
display: inline-block display: inline-block
min-width: 112px min-width: 112px
cursor: pointer cursor: pointer

View File

@ -1,5 +1,5 @@
<template> <template>
<div> <div class="switch-ctn">
<input <input
:id="id" :id="id"
v-model="currentValue" v-model="currentValue"