File tree 3 files changed +13
-5
lines changed 3 files changed +13
-5
lines changed Original file line number Diff line number Diff line change 28
28
}
29
29
}
30
30
31
+ // Collapses unwanted whitespace created by newlines in code like the following:
32
+ // <md-option>
33
+ // {{value}}
34
+ // </md-option>
35
+ .mat-option-text {
36
+ display : inline-block ;
37
+ }
38
+
31
39
.mat-option-ripple {
32
40
position : absolute ;
33
41
top : 0 ;
Original file line number Diff line number Diff line change 5
5
[state] ="selected ? 'checked' : '' "> </ md-pseudo-checkbox >
6
6
</ span >
7
7
8
- < ng-content > </ ng-content >
8
+ < span class ="mat-option-text "> < ng-content > </ ng-content > </ span >
9
+
9
10
< div class ="mat-option-ripple " md-ripple
10
11
[mdRippleTrigger] ="_getHostElement() "
11
12
[mdRippleDisabled] ="disabled || disableRipple ">
Original file line number Diff line number Diff line change @@ -80,12 +80,11 @@ export const SELECT_ITEM_HEIGHT_EM = 3;
80
80
* Distance between the panel edge and the option text in
81
81
* multi-selection mode.
82
82
*
83
- * (SELECT_PADDING * 1.75) + 20 = 48
84
- * The padding is multiplied by 1.75 because the checkbox's margin is half the padding, and
85
- * the browser adds ~4px, because we're using inline elements.
83
+ * (SELECT_PANEL_PADDING_X * 1.5) + 20 = 44
84
+ * The padding is multiplied by 1.5 because the checkbox's margin is half the padding.
86
85
* The checkbox width is 20px.
87
86
*/
88
- export const SELECT_MULTIPLE_PANEL_PADDING_X = SELECT_PANEL_PADDING_X * 1.75 + 20 ;
87
+ export const SELECT_MULTIPLE_PANEL_PADDING_X = SELECT_PANEL_PADDING_X * 1.5 + 20 ;
89
88
90
89
/**
91
90
* The panel's padding on the y-axis. This padding indicates there are more
You can’t perform that action at this time.
0 commit comments