commit 5f11f8372a930fce7c7072d953b22d0ead7a9817
parent 2f27b105dedb31218d0d649b2548c9dbf2a6814b
Author: ashermorgan <59518073+ashermorgan@users.noreply.github.com>
Date: Wed, 27 Dec 2023 11:38:01 -0800
Remove custom element focus styles
Diffstat:
8 files changed, 7 insertions(+), 51 deletions(-)
diff --git a/src/assets/global.css b/src/assets/global.css
@@ -84,9 +84,6 @@ body {
button, input, select, option, tr:nth-child(2n) {
background-color: var(--background2);
}
-button:focus, select:focus, input:focus {
- background-color: var(--background3);
-}
@media (hover: hover) {
button:hover, select:hover, input:hover {
background-color: var(--background3);
diff --git a/src/components/SimpleTargetTable.vue b/src/components/SimpleTargetTable.vue
@@ -42,15 +42,9 @@
import formatUtils from '@/utils/format';
import unitUtils from '@/utils/units';
-import blur from '@/directives/blur';
-
export default {
name: 'SimpleTargetTable',
- directives: {
- blur,
- },
-
props: {
/**
* The method that generates the target table rows
diff --git a/src/components/TargetEditor.vue b/src/components/TargetEditor.vue
@@ -6,13 +6,13 @@
Edit
<input v-model="internalValue.name" placeholder="Target set name"/>
<button class="icon" :title="isCustomSet ? 'Delete Target Set' : 'Revert Target Set'"
- @click="revert" v-blur>
+ @click="revert">
<vue-feather :type="isCustomSet ? 'trash-2' : 'rotate-ccw'"/>
</button>
</th>
<th>
- <button class="icon" title="Close" @click="close" v-blur>
+ <button class="icon" title="Close" @click="close">
<vue-feather type="x"/>
</button>
</th>
@@ -36,7 +36,7 @@
</td>
<td>
- <button class="icon" title="Remove Target" @click="removeTarget(index)" v-blur>
+ <button class="icon" title="Remove Target" @click="removeTarget(index)">
<vue-feather type="trash-2"/>
</button>
</td>
@@ -52,10 +52,10 @@
<tfoot>
<tr>
<td colspan="2">
- <button title="Add Distance Target" @click="addDistanceTarget" v-blur>
+ <button title="Add Distance Target" @click="addDistanceTarget">
Add distance target
</button>
- <button v-if="timeTargets" title="Add Time Target" @click="addTimeTarget" v-blur>
+ <button v-if="timeTargets" title="Add Time Target" @click="addTimeTarget">
Add time target
</button>
<br/>
@@ -75,8 +75,6 @@ import unitUtils from '@/utils/units';
import DecimalInput from '@/components/DecimalInput.vue';
import TimeInput from '@/components/TimeInput.vue';
-import blur from '@/directives/blur';
-
export default {
name: 'TargetEditor',
@@ -86,10 +84,6 @@ export default {
VueFeather,
},
- directives: {
- blur,
- },
-
props: {
/**
* The targets
diff --git a/src/components/TargetSetSelector.vue b/src/components/TargetSetSelector.vue
@@ -7,7 +7,7 @@
<option value="_new">[ Create New Target Set ]</option>
</select>
- <button class="icon" title="Edit Target Set" @click="editingTargetSets = true" v-blur>
+ <button class="icon" title="Edit Target Set" @click="editingTargetSets = true">
<vue-feather type="edit"/>
</button>
@@ -28,8 +28,6 @@ import targetUtils from '@/utils/targets';
import FullscreenModal from '@/components/FullscreenModal.vue';
import TargetEditor from '@/components/TargetEditor.vue';
-import blur from '@/directives/blur';
-
export default {
name: 'TargetSetSelector',
@@ -39,10 +37,6 @@ export default {
VueFeather,
},
- directives: {
- blur,
- },
-
props: {
/**
* The selected target set
diff --git a/src/directives/blur.js b/src/directives/blur.js
@@ -1,5 +0,0 @@
-export default {
- mounted(el, binding) {
- el.addEventListener(binding.value ? binding.value : 'click', () => el.blur());
- },
-};
diff --git a/src/views/PaceCalculator.vue b/src/views/PaceCalculator.vue
@@ -40,8 +40,6 @@ import SimpleTargetTable from '@/components/SimpleTargetTable.vue';
import TargetSetSelector from '@/components/TargetSetSelector.vue';
import TimeInput from '@/components/TimeInput.vue';
-import blur from '@/directives/blur';
-
export default {
name: 'PaceCalculator',
@@ -52,10 +50,6 @@ export default {
TimeInput,
},
- directives: {
- blur,
- },
-
data() {
return {
/**
diff --git a/src/views/RaceCalculator.vue b/src/views/RaceCalculator.vue
@@ -19,7 +19,7 @@
<h2>
Advanced
- <button class="link" @click="showAdvancedOptions=!showAdvancedOptions" v-blur>
+ <button class="link" @click="showAdvancedOptions=!showAdvancedOptions">
{{ showAdvancedOptions ? '[hide]' : '[show]' }}
</button>
</h2>
@@ -75,8 +75,6 @@ import SimpleTargetTable from '@/components/SimpleTargetTable.vue';
import TargetSetSelector from '@/components/TargetSetSelector.vue';
import TimeInput from '@/components/TimeInput.vue';
-import blur from '@/directives/blur';
-
export default {
name: 'RaceCalculator',
@@ -87,10 +85,6 @@ export default {
TimeInput,
},
- directives: {
- blur,
- },
-
data() {
return {
/**
diff --git a/src/views/SplitCalculator.vue b/src/views/SplitCalculator.vue
@@ -63,8 +63,6 @@ import unitUtils from '@/utils/units';
import TargetSetSelector from '@/components/TargetSetSelector.vue';
import TimeInput from '@/components/TimeInput.vue';
-import blur from '@/directives/blur';
-
export default {
name: 'SplitCalculator',
@@ -73,10 +71,6 @@ export default {
TimeInput,
},
- directives: {
- blur,
- },
-
data() {
return {
/**
