Browse Source

fix: remove duplicate Advanced heading and improve UX

- Remove redundant Advanced heading from advanced settings section\n- Make clickable text more descriptive (Show/Hide Advanced Settings)\n- Add cursor-pointer class for better UX\n- Make section heading screen-reader only for accessibility
pull/133/head
Matt Raymer 1 month ago
parent
commit
eb5c9565a6
  1. 2780
      package-lock.json
  2. 6
      src/views/AccountViewView.vue

2780
package-lock.json

File diff suppressed because it is too large

6
src/views/AccountViewView.vue

@ -448,13 +448,13 @@
<!-- id used by puppeteer test script --> <!-- id used by puppeteer test script -->
<h3 <h3
id="advanced" id="advanced"
class="text-blue-500 text-sm font-semibold mb-3" class="text-blue-500 text-sm font-semibold mb-3 cursor-pointer"
@click="showAdvanced = !showAdvanced" @click="showAdvanced = !showAdvanced"
> >
Advanced {{ showAdvanced ? 'Hide Advanced Settings' : 'Show Advanced Settings' }}
</h3> </h3>
<section v-if="showAdvanced || showGeneralAdvanced" id="sectionAdvanced" aria-labelledby="advancedHeading"> <section v-if="showAdvanced || showGeneralAdvanced" id="sectionAdvanced" aria-labelledby="advancedHeading">
<h2 id="advancedHeading" class="text-blue-500 text-sm font-semibold mb-3">Advanced</h2> <h2 id="advancedHeading" class="sr-only">Advanced Settings</h2>
<p class="text-rose-600 mb-8"> <p class="text-rose-600 mb-8">
Beware: the features here can be confusing and even change data in ways Beware: the features here can be confusing and even change data in ways
you do not expect. But we support your freedom! you do not expect. But we support your freedom!

Loading…
Cancel
Save