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

AbuDawood commented 4 years ago

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

michaeldoye commented 4 years ago

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

AbuDawood commented 4 years ago

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

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 commented 4 years ago

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.

michaeldoye commented 4 years ago

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

AbuDawood commented 4 years ago

Good luck thx

michaeldoye / mat-progress-buttons