From 90455000777a3df96cf1847ffea67ec275208315 Mon Sep 17 00:00:00 2001 From: cagataycivici Date: Thu, 16 Jul 2020 17:01:41 +0300 Subject: [PATCH] Replaced p-inputswitch-focus with p-focus --- public/themes/arya-blue/theme.css | 2 +- public/themes/arya-green/theme.css | 2 +- public/themes/arya-orange/theme.css | 2 +- public/themes/arya-purple/theme.css | 2 +- public/themes/bootstrap4-dark-blue/theme.css | 2 +- public/themes/bootstrap4-dark-purple/theme.css | 2 +- public/themes/bootstrap4-light-blue/theme.css | 2 +- public/themes/bootstrap4-light-purple/theme.css | 2 +- public/themes/luna-amber/theme.css | 2 +- public/themes/luna-blue/theme.css | 2 +- public/themes/luna-green/theme.css | 2 +- public/themes/luna-pink/theme.css | 2 +- public/themes/md-dark-deeppurple/theme.css | 2 +- public/themes/md-dark-indigo/theme.css | 2 +- public/themes/md-light-deeppurple/theme.css | 2 +- public/themes/md-light-indigo/theme.css | 2 +- public/themes/mdc-dark-deeppurple/theme.css | 2 +- public/themes/mdc-dark-indigo/theme.css | 2 +- public/themes/mdc-light-deeppurple/theme.css | 2 +- public/themes/mdc-light-indigo/theme.css | 2 +- public/themes/nova-accent/theme.css | 2 +- public/themes/nova-alt/theme.css | 2 +- public/themes/nova-vue/theme.css | 2 +- public/themes/nova/theme.css | 2 +- public/themes/rhea/theme.css | 2 +- public/themes/saga-blue/theme.css | 2 +- public/themes/saga-green/theme.css | 2 +- public/themes/saga-orange/theme.css | 2 +- public/themes/saga-purple/theme.css | 2 +- public/themes/vela-blue/theme.css | 2 +- public/themes/vela-green/theme.css | 2 +- public/themes/vela-orange/theme.css | 2 +- public/themes/vela-purple/theme.css | 2 +- src/components/inputswitch/InputSwitch.vue | 2 +- 34 files changed, 34 insertions(+), 34 deletions(-) diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css index 5e6936ef2..5965913af 100644 --- a/public/themes/arya-blue/theme.css +++ b/public/themes/arya-blue/theme.css @@ -709,7 +709,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css index c891d0315..f01e2dc03 100644 --- a/public/themes/arya-green/theme.css +++ b/public/themes/arya-green/theme.css @@ -709,7 +709,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css index d8da330b9..c51137f90 100644 --- a/public/themes/arya-orange/theme.css +++ b/public/themes/arya-orange/theme.css @@ -709,7 +709,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css index 3d8e2d361..74496da3a 100644 --- a/public/themes/arya-purple/theme.css +++ b/public/themes/arya-purple/theme.css @@ -709,7 +709,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css index dc785adb7..ed38b1d02 100644 --- a/public/themes/bootstrap4-dark-blue/theme.css +++ b/public/themes/bootstrap4-dark-blue/theme.css @@ -709,7 +709,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css index dd912f53c..822af3770 100644 --- a/public/themes/bootstrap4-dark-purple/theme.css +++ b/public/themes/bootstrap4-dark-purple/theme.css @@ -709,7 +709,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css index d9895435a..2a19c85ba 100644 --- a/public/themes/bootstrap4-light-blue/theme.css +++ b/public/themes/bootstrap4-light-blue/theme.css @@ -709,7 +709,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css index 859250727..8153d8bcb 100644 --- a/public/themes/bootstrap4-light-purple/theme.css +++ b/public/themes/bootstrap4-light-purple/theme.css @@ -709,7 +709,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index 64abef12d..fa0eddf19 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -709,7 +709,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css index cb1ce9793..babcdbef3 100644 --- a/public/themes/luna-blue/theme.css +++ b/public/themes/luna-blue/theme.css @@ -709,7 +709,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index f108bb39e..6c7483327 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -709,7 +709,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index 3efac57e1..fb7d757d0 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -709,7 +709,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css index 8fbe35259..0acf52e7a 100644 --- a/public/themes/md-dark-deeppurple/theme.css +++ b/public/themes/md-dark-deeppurple/theme.css @@ -729,7 +729,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.5rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: none; diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css index 7226a2dd5..6e49eff21 100644 --- a/public/themes/md-dark-indigo/theme.css +++ b/public/themes/md-dark-indigo/theme.css @@ -729,7 +729,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.5rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: none; diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css index 199747108..f008adb43 100644 --- a/public/themes/md-light-deeppurple/theme.css +++ b/public/themes/md-light-deeppurple/theme.css @@ -729,7 +729,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.5rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: none; diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css index c36c60682..85c7c7bda 100644 --- a/public/themes/md-light-indigo/theme.css +++ b/public/themes/md-light-indigo/theme.css @@ -729,7 +729,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.5rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: none; diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css index 71d3706a4..ffbe5dafd 100644 --- a/public/themes/mdc-dark-deeppurple/theme.css +++ b/public/themes/mdc-dark-deeppurple/theme.css @@ -729,7 +729,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.5rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: none; diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css index 5cbed5ebe..65e024998 100644 --- a/public/themes/mdc-dark-indigo/theme.css +++ b/public/themes/mdc-dark-indigo/theme.css @@ -729,7 +729,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.5rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: none; diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css index 73adea17e..4d297ddf2 100644 --- a/public/themes/mdc-light-deeppurple/theme.css +++ b/public/themes/mdc-light-deeppurple/theme.css @@ -729,7 +729,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.5rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: none; diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css index 53f8ed9bb..91bc5be16 100644 --- a/public/themes/mdc-light-indigo/theme.css +++ b/public/themes/mdc-light-indigo/theme.css @@ -729,7 +729,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.5rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: none; diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css index 6cf587600..e164627bc 100644 --- a/public/themes/nova-accent/theme.css +++ b/public/themes/nova-accent/theme.css @@ -705,7 +705,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css index d889402a2..837c2563e 100644 --- a/public/themes/nova-alt/theme.css +++ b/public/themes/nova-alt/theme.css @@ -709,7 +709,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index 2fb58aeb5..a0a8b6c47 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -709,7 +709,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css index f14969acc..82f1c8b42 100644 --- a/public/themes/nova/theme.css +++ b/public/themes/nova/theme.css @@ -709,7 +709,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index 050cd7862..c1a35501c 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -705,7 +705,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index 28a62617c..ec6556e10 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -709,7 +709,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index 9298125c6..bcda15d51 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -709,7 +709,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index 4e2ebfd73..c58258c62 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -709,7 +709,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css index a9f854dca..54838d7a8 100644 --- a/public/themes/saga-purple/theme.css +++ b/public/themes/saga-purple/theme.css @@ -709,7 +709,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index 539832fa9..3e5d616f6 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -709,7 +709,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index cd09fe636..24b71769f 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -709,7 +709,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index 2b03fb095..d7fa78589 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -709,7 +709,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index a534f3391..c635bd51f 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -709,7 +709,7 @@ .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } -.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider { +.p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; diff --git a/src/components/inputswitch/InputSwitch.vue b/src/components/inputswitch/InputSwitch.vue index b4675f43b..1b041dcc4 100755 --- a/src/components/inputswitch/InputSwitch.vue +++ b/src/components/inputswitch/InputSwitch.vue @@ -47,7 +47,7 @@ export default { { 'p-inputswitch-checked': this.value, 'p-disabled': this.disabled, - 'p-inputswitch-focus': this.focused + 'p-focus': this.focused } ]; }