skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(expansion): simplify vertical centering in header (#5950)

Browse Source
This commit is contained in:
Will Howell
2017-08-04 18:03:19 -04:00
committed by tinayuangao
parent 787a8f0008
commit 73c6d8d757
2 changed files with 3 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/expansion/expansion-panel-header.scss
+1 -9
View File
@@ -1,19 +1,11 @@
$mat-expansion-panel-header-height: 48px;
$mat-expansion-panel-header-height-expanded: 64px;
.mat-expansion-panel-header {
cursor: pointer;
display: flex;
flex-direction: row;
height: $mat-expansion-panel-header-height;
line-height: $mat-expansion-panel-header-height;
align-items: center;
padding: 0 24px;
&.mat-expanded {
height: $mat-expansion-panel-header-height-expanded;
line-height: $mat-expansion-panel-header-height-expanded;
}
&:focus,
&:hover {
outline: none;
src/lib/expansion/expansion-panel-header.ts
+2 -2
View File
@@ -64,8 +64,8 @@ import {Subscription} from 'rxjs/Subscription';
transition('expanded <=> collapsed', animate(EXPANSION_PANEL_ANIMATION_TIMING)),
]),
trigger('expansionHeight', [
state('collapsed', style({height: '48px', 'line-height': '48px'})),
state('expanded', style({height: '64px', 'line-height': '64px'})),
state('collapsed', style({height: '48px'})),
state('expanded', style({height: '64px'})),
transition('expanded <=> collapsed', animate(EXPANSION_PANEL_ANIMATION_TIMING)),
]),
],