File tree 4 files changed +3
-15
lines changed
4 files changed +3
-15
lines changed Original file line number Diff line number Diff line change @@ -19,13 +19,13 @@ export class MenuDemo {
19
19
selected = '' ;
20
20
items = [
21
21
{ text : 'Refresh' } ,
22
- { text : 'Settings with a longer name so we can test text wrapping ' } ,
22
+ { text : 'Settings' } ,
23
23
{ text : 'Help' , disabled : true } ,
24
24
{ text : 'Sign Out' }
25
25
] ;
26
26
27
27
iconItems = [
28
- { text : 'Redial with a longer name so we can test text wrapping ' , icon : 'dialpad' } ,
28
+ { text : 'Redial' , icon : 'dialpad' } ,
29
29
{ text : 'Check voicemail' , icon : 'voicemail' , disabled : true } ,
30
30
{ text : 'Disable alerts' , icon : 'notifications_off' }
31
31
] ;
Original file line number Diff line number Diff line change 11
11
display : flex ;
12
12
flex-direction : row ;
13
13
max-width : 100% ;
14
+ box-sizing : border-box ;
14
15
align-items : center ;
15
16
-webkit-tap-highlight-color : transparent ;
16
17
Original file line number Diff line number Diff line change @@ -28,7 +28,6 @@ $mat-menu-icon-margin: 16px !default;
28
28
line-height : $mat-menu-item-height ;
29
29
height : $mat-menu-item-height ;
30
30
padding : 0 $mat-menu-side-padding ;
31
- box-sizing : border-box ;
32
31
33
32
text-align : left ;
34
33
text-decoration : none ; // necessary to reset anchor tags
Original file line number Diff line number Diff line change 5
5
@import ' ../../cdk/a11y/a11y' ;
6
6
7
7
$mat-menu-vertical-padding : 8px !default ;
8
- $mat-menu-item-vertical-padding : 8px !default ;
9
8
$mat-menu-border-radius : 4px !default ;
10
9
$mat-menu-submenu-indicator-size : 10px !default ;
11
10
@@ -31,17 +30,6 @@ $mat-menu-submenu-indicator-size: 10px !default;
31
30
@include mat-menu-item-base ();
32
31
position : relative ;
33
32
34
- // TODO(crisbeto): most of these can be moved into the `mat-menu-item-base`
35
- // once we start allowing text wrapping in mat-select and mat-autocomplete.
36
- display : flex ;
37
- align-items : center ;
38
- white-space : normal ;
39
- line-height : normal ;
40
- height : auto ;
41
- min-height : $mat-menu-item-height ;
42
- padding-top : $mat-menu-item-vertical-padding ;
43
- padding-bottom : $mat-menu-item-vertical-padding ;
44
-
45
33
@include cdk-high-contrast {
46
34
& .cdk-program-focused ,
47
35
& .cdk-keyboard-focused ,
You can’t perform that action at this time.
0 commit comments