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 */
|
/* 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
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div class="switch-ctn">
|
||||||
<input
|
<input
|
||||||
:id="id"
|
:id="id"
|
||||||
v-model="currentValue"
|
v-model="currentValue"
|
||||||
|
|
Loading…
Reference in New Issue