some icon fixes

examples/components/demo-block.vue

@@ -135,7 +135,7 @@
       }
 
       i {
-        font-size: 12px;
+        font-size: 16px;
         line-height: 44px;
         transition: .3s;
         &.hovering {

examples/docs/en-US/icon.md

@@ -79,7 +79,7 @@ Just assign the class name to `el-icon-iconName`.
 <i class="el-icon-edit"></i>
 <i class="el-icon-share"></i>
 <i class="el-icon-delete"></i>
-<el-button type="primary" icon="search">Search</el-button>
+<el-button type="primary" icon="el-icon-search">Search</el-button>
 
 ```
 :::

examples/docs/zh-CN/icon.md

@@ -92,7 +92,7 @@
 <i class="el-icon-edit"></i>
 <i class="el-icon-share"></i>
 <i class="el-icon-delete"></i>
-<el-button type="primary" icon="search">搜索</el-button>
+<el-button type="primary" icon="el-icon-search">搜索</el-button>
 
 ```
 :::

examples/pages/template/component.tpl

@@ -119,7 +119,6 @@
         line-height: 40px;
         text-align: center;
         font-size: 18px;
-        transform: translateY(-2px);
       }
 
       &.hover {

packages/theme-chalk/src/icon.scss

@@ -162,7 +162,7 @@
 .el-icon-zoom-out:before { content: "\e645"; }
 
 .el-icon-loading {
-  animation: rotating 1s linear infinite;
+  animation: rotating 2s linear infinite;
 }
 
 .el-icon--right {

packages/theme-chalk/src/menu.scss

@@ -138,6 +138,10 @@
       color: inherit;
     }
 
+    .el-menu .el-submenu {
+      min-width: 200px;
+    }
+
     .el-submenu {
       position: relative;
       & .el-menu {

packages/theme-chalk/src/tabs.scss

@@ -95,7 +95,7 @@
     color: $--color-text-primary;
     position: relative;
 
-    &:focus:not(.is-focus), &:focus:active {
+    &:focus, &:focus:active {
       outline: none;
     }