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

fix(chips): cursor on remove button and box-shadow transition (#6019)

Browse Source 
* Adds a `pointer-cursor` to the chip remove button to indicate that it's clickable.
* Adds a transition to the focused chip `box-shadow` to make it less harsh.
* Breaks up a long line that was exceeding our character limit.
This commit is contained in:
Kristiyan Kostadinov
2017-07-28 17:55:44 +03:00
committed by Andrew Seguin
parent 2388d91642
commit 82535039a2
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/chips/chips.scss
+3 -1
View File
@@ -16,8 +16,9 @@ $mat-chips-chip-margin: 8px;
}
.mat-chip:not(.mat-basic-chip) {
@include mat-elevation-transition;
display: inline-flex;
padding: $mat-chip-vertical-padding $mat-chip-horizontal-padding $mat-chip-vertical-padding $mat-chip-horizontal-padding;
padding: $mat-chip-vertical-padding $mat-chip-horizontal-padding;
border-radius: $mat-chip-horizontal-padding * 2;
align-items: center;
cursor: default;
@@ -82,6 +83,7 @@ $mat-chips-chip-margin: 8px;
.mat-chip-remove {
margin-right: $mat-chip-remove-margin-after;
margin-left: $mat-chip-remove-margin-before;
cursor: pointer;
[dir='rtl'] & {
margin-right: $mat-chip-remove-margin-before;