styles: fix height issue

ripingit · Apr 15, 2020 · 8613258 · 8613258
1 parent 96d864d
commit 8613258
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -40,7 +40,7 @@
         <mat-menu #langMenu="matMenu" backdropClass="nav-menu-wrapper">
           <button mat-menu-item (click)="setLanguage('zh-cn')">中文</button>
           <button mat-menu-item (click)="setLanguage('en')">En(ongoing...)</button>
-          <a mat-menu-item href="https://github.com/phodal/ledge/issues" target="_blank">More</a>
+          <a class="mat-menu-item" mat-menu-item href="https://github.com/phodal/ledge/issues" target="_blank">More</a>
         </mat-menu>
 
         <button mat-button [matMenuTriggerFor]="langMenu">

diff --git a/src/styles/_material-ui.scss b/src/styles/_material-ui.scss
@@ -24,11 +24,11 @@
     font-weight: normal;
     height: 100%;
     border-radius: 0;
-  
+
     &.active {
       color: $white;
-      background-color: $purple;  
-    }  
+      background-color: $purple;
+    }
   }
 }
 
@@ -38,24 +38,25 @@
       .mat-menu-panel {
         margin-top: 16px;
         border-radius: 0;
-    
+
         .mat-menu-content:not(:empty) {
           padding-top: 0;
           padding-bottom: 0;
         }
-    
+
         .mat-menu-content {
           .mat-menu-item {
+            line-height: 60px;
             height: 60px;
             box-shadow: 0 1px 0 0 $lighter-gray;
 
             &:hover {
               color: $purple;
-              background-color: rgba($purple, .2); 
+              background-color: rgba($purple, .2);
             }
           }
         }
       }
     }
   }
-}
+}