From a704913d2bf255936629b7ca16514c5b7e00f9a4 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Sun, 27 Mar 2022 16:35:28 +0200 Subject: [PATCH] fix(material-experimental/mdc-button): extended fab touch target not covering entire button (#24322) Fixes that the extended FAB touch target was square which meant that it didn't cover the entire button. (cherry picked from commit c49f83bad2b5f47a2a7691e393ff02b3da927a94) --- src/material-experimental/mdc-button/fab.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/material-experimental/mdc-button/fab.scss b/src/material-experimental/mdc-button/fab.scss index cba815029ef9..fbee1ce457f6 100644 --- a/src/material-experimental/mdc-button/fab.scss +++ b/src/material-experimental/mdc-button/fab.scss @@ -89,3 +89,9 @@ ); } } + +// All FABs are square except the extended ones so we +// need to set the touch target back to full-width. +.mat-mdc-extended-fab .mat-mdc-button-touch-target { + width: 100%; +}