Skip to content

Commit de569d8

Browse files
committed
refactor(material/button): change target and remove redundant styles
Updates previous fix to increasing Angular Components Icon Button by removing the pseudo class styles and targeting the correct class .mat-mdc-button-touch-target instead. Also, removes any redundant styles simplifies the necessary styles to increase the touch target.
1 parent 4051dd0 commit de569d8

File tree

1 file changed

+5
-14
lines changed

1 file changed

+5
-14
lines changed

src/material/button/icon-button.scss

Lines changed: 5 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -76,6 +76,11 @@
7676
border-radius: 50%;
7777
}
7878

79+
.mat-mdc-button-touch-target {
80+
display: block;
81+
opacity: 0;
82+
}
83+
7984
// MDC used to include this and it seems like a lot of apps depend on it.
8085
&[hidden] {
8186
display: none;
@@ -93,18 +98,4 @@
9398
}
9499
}
95100

96-
&::after {
97-
content: '';
98-
padding: 8px;
99-
margin: -8px;
100-
box-sizing: border-box;
101-
background-clip: content-box;
102-
left: 0;
103-
right: 0;
104-
display: block;
105-
position: absolute;
106-
opacity: 0;
107-
top: 0;
108-
bottom: 0;
109-
}
110101
}

0 commit comments

Comments
 (0)