菜单栏选中显示错误，documentation点击范围，过长文字添加title

src/components/common/Aside.vue

@@ -37,8 +37,8 @@
             <Support />
             <span>Support</span>
           </template>
-          <el-menu-item>
-            <a href="/download/ComPDFKit-SaaS-API.md" download="compdfkit-saas-api.md" style="color:rgb(102, 102, 102)">
+          <el-menu-item index="">
+            <a href="/download/ComPDFKit-SaaS-API.md" download="compdfkit-saas-api.md" class="downloadDoc">
               Documentation
             </a>
           </el-menu-item>
@@ -65,10 +65,10 @@
       <el-submenu index="4">
         <template slot="title"><span>Support</span></template>
         <el-menu-item>
-            <a href="/download/ComPDFKit-SaaS-API.md" download="compdfkit-saas-api.md" style="color:rgb(102, 102, 102)">
-              Documentation
-            </a>
-          </el-menu-item>
+          <a href="/download/ComPDFKit-SaaS-API.md" download="compdfkit-saas-api.md" style="color:rgb(102, 102, 102)">
+            Documentation
+          </a>
+        </el-menu-item>
       </el-submenu>
     </el-menu>
   </div>
@@ -149,6 +149,11 @@ export default class Aside extends Vue {
       }
     }
   }
+  .downloadDoc {
+    width: 100%;
+    display: inline-block;
+    color: rgb(102, 102, 102);
+  }
 }
 @media screen and (max-width: 767px) {
   .aside .max {

src/views/projects/api/apiKeys.vue

@@ -16,7 +16,7 @@
         <el-table :data="tableData" style="width: 100%">
           <el-table-column prop="projectName" label="Project Name" min-width="130">
             <template slot-scope="scope">
-              <div class="key-projectName">{{scope.row.projectName}}</div>
+              <div class="key-projectName" :title="scope.row.projectName">{{scope.row.projectName}}</div>
             </template>
           </el-table-column>
           <el-table-column label="Public Key" min-width="200">

src/views/projects/user/webhooks.vue

@@ -20,7 +20,7 @@
         <el-table :data="tableData" style="width: 100%">
           <el-table-column prop="url" label="URL" min-width="140">
             <template slot-scope="scope">
-              <p class="url-p" :class="{'url-gray': scope.row.status === -1}">{{ scope.row.url }}</p>
+              <p class="url-p" :class="{'url-gray': scope.row.status === -1}" :title="scope.row.url">{{ scope.row.url }}</p>
             </template>
           </el-table-column>
           <el-table-column prop="events" label="Events" class-name="events" min-width="210">