mat-progress-buttons icon indicating copy to clipboard operation
mat-progress-buttons copied to clipboard

A smooth way to resize buttons and use different types of mat buttons such as mat-icon-button

Open AbuDawood opened this issue 4 years ago • 5 comments

Bug Report or Feature Request (mark with an x)

- [ ] bug report -> please search issues before submitting
- [ ✓] feature request

OS and Version?

Versions

Repro steps

The log given by the failure

Desired functionality

A smooth way to resize buttons and use different types of mat buttons such as mat-icon-button

Mention any other details that might be useful

AbuDawood avatar May 21 '20 05:05 AbuDawood

Thanks for request. Could you explain what you mean by "a smooth way to resize the button"?

Icon buttons are available already, see the API here

michaeldoye avatar May 21 '20 10:05 michaeldoye

Thank you for your reply. Based on my check, I think to resize a button I have to set inline to true and use custom class to override current design, right? I think a button dimension is something too specific than the general and standard design so the dimension should be set explicitly as a property from the option param. I have tried to use a simple override (spinner case) but I lost the harmony between the button components (spinner kept big, components vertically positioned in the top, so on)

here is a small sample

.prg-btn-sm{ width: 45px !important; height: 45px !important; min-height: unset !important; min-width: unset !important; }

result is below

image

image

I think I have to do additional work to resize the button without getting deformed, while it should be done without customization intervention

Sorry in advance if the API contains what I am looking for but I didn't notice it

AbuDawood avatar May 21 '20 18:05 AbuDawood

The second point, I am not sure if I have to open a new issue for it or it is okay to write it here. Similar to the mat-icon-button type can't be found.

AbuDawood avatar May 21 '20 18:05 AbuDawood

ah ok, I see. Thanks for clarifying. I will have a look at what I can do with this for the next release. Thanks!

michaeldoye avatar May 22 '20 06:05 michaeldoye

Good luck thx

AbuDawood avatar May 22 '20 15:05 AbuDawood