Enabled input tab navigation without changing visual appearance.
This commit is contained in:
parent
0b3c676ef9
commit
cd309b1c3f
|
@ -1,10 +1,20 @@
|
|||
/* Thanks to Guus Lieben for the Material Design Switch */
|
||||
|
||||
.switch-ctn
|
||||
position: relative
|
||||
|
||||
.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
|
||||
position: relative
|
||||
display: inline-block
|
||||
min-width: 112px
|
||||
cursor: pointer
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div>
|
||||
<div class="switch-ctn">
|
||||
<input
|
||||
:id="id"
|
||||
v-model="currentValue"
|
||||
|
|
Loading…
Reference in New Issue