fix: Addressing review comments and a11y.

d3a7c5d3 · dindigala · ec281f30 · d3a7c5d3 · d3a7c5d3 · d3a7c5d3
Commit d3a7c5d3 authored Sep 28, 2020 by dindigala
--- a/src/components/softwareinfo.vue
+++ b/src/components/softwareinfo.vue
 <template>

-  <div class="softwareinfo col-xs-auto" title="Project info">
+  <div class="softwareinfo col-xs-auto">
    <q-btn
      flat
      color="grey"
      label=""
+      title="Project Info"
      @click="infobox = true"
      >
      <q-icon size="xs" :name="fasInfoCircle" />

--- a/src/components/togglebar/panelsposition.vue
+++ b/src/components/togglebar/panelsposition.vue
 <template>
  <section class="panel-position">
-    <q-btn class="btn-panel" :icon="panelicon" @click="status = true" label="Configure" flat />
+    <q-btn class="btn-panel" :icon="panelicon" @click="status = true" label="Customize" flat />

    <q-dialog v-model="status" persistent transition-show="scale" transition-hide="scale">
      <q-card class="bg-white text-black" style="width: 600px">
        <q-card-section>
-          <div class="text-h6 text-capitalize">Customize Panels</div>
+          <div class="text-h6 text-uppercase">Customize Panels</div>
        </q-card-section>

        <q-card-section class="q-pt-none">

--- a/src/index.template.html
+++ b/src/index.template.html
 <!DOCTYPE html>
 <html>
  <head>
-    <title><%= htmlWebpackPlugin.options.productName %></title>
+    <title>EMO Viewer</title>

    <meta charset="utf-8">
    <meta name="description" content="<%= htmlWebpackPlugin.options.productDescription %>">
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
-    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>">
+    <meta name="viewport" content="initial-scale=1, maximum-scale=5, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>">

    <link rel="icon" type="image/ico" href="statics/icons/favicon.ico">
    <link rel="icon" type="image/png" href="statics/icons/app-logo-128x128.png">

--- a/src/views/mainview.vue
+++ b/src/views/mainview.vue
@@ -82,6 +82,7 @@ export default {
          collection: this.collection,
          config: this.config,
          itemlabel: this.itemlabel,
+          labels: this.labels,
          language: this.language,
          manifests: this.manifests,
        },