fragginwagon/memory-infrastructure-palace
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 Improve UI accessibility and code consistency by adding label for attribute, updating button styles, and refining DOM manipulation

Browse Source
This commit is contained in:
Greg Jacobs
2026-01-28 19:54:12 +00:00
parent afda1c7824
commit 66470d127c
1 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
code/websites/pokedex.online/src/views/GamemasterExplorer.vue
View File

@@ -162,8 +162,8 @@
<!-- Property Filter --> <!-- Property Filter -->
<div v-if="fileContent && jsonPaths.length > 0" class="property-filter"> <div v-if="fileContent && jsonPaths.length > 0" class="property-filter">
<label>Filter by Property:</label> <label for="property-select">Filter by Property:</label>
<select v-model="filterProperty" @change="onFilterChange"> <select id="property-select" v-model="filterProperty" @change="onFilterChange">
<option value="">All Properties</option> <option value="">All Properties</option>
<option v-for="path in jsonPaths" :key="path" :value="path"> <option v-for="path in jsonPaths" :key="path" :value="path">
{{ path }} {{ path }}
@@ -306,7 +306,7 @@
</template> </template>
<script setup> <script setup>
import { ref, computed, watch, onMounted, nextTick } from 'vue'; import { ref, computed, onMounted, nextTick } from 'vue';
import { RecycleScroller } from 'vue-virtual-scroller'; import { RecycleScroller } from 'vue-virtual-scroller';
import { GamemasterClient } from '@/utilities/gamemaster-client.js'; import { GamemasterClient } from '@/utilities/gamemaster-client.js';
import { useKeyboardShortcuts } from '@/composables/useKeyboardShortcuts.js'; import { useKeyboardShortcuts } from '@/composables/useKeyboardShortcuts.js';
@@ -678,12 +678,12 @@ function downloadFile(content, filename) {
a.download = filename; a.download = filename;
document.body.appendChild(a); document.body.appendChild(a);
a.click(); a.click();
document.body.removeChild(a); a.remove();
URL.revokeObjectURL(url); URL.revokeObjectURL(url);
} }
async function shareUrl() { async function shareUrl() {
const url = window.location.href; const url = globalThis.location.href;
await clipboard.copyToClipboard(url); await clipboard.copyToClipboard(url);
} }
@@ -1064,8 +1064,8 @@ onMounted(() => {
.btn-action { .btn-action {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
background: #3498db; background: #2980b9;
color: white; color: #ffffff;
border: none; border: none;
border-radius: 8px; border-radius: 8px;
cursor: pointer; cursor: pointer;
@@ -1074,11 +1074,12 @@ onMounted(() => {
} }
.btn-action:hover { .btn-action:hover {
background: #2980b9; background: #21618c;
} }
.btn-action:disabled { .btn-action:disabled {
background: #ccc; background: #95a5a6;
color: #ffffff;
cursor: not-allowed; cursor: not-allowed;
} }