hallysonh / ngx-float-button

Google Material Float Button - Implementation for Angular v7+
MIT License
1 stars 4 forks source link

CSS Customization #1

Open scastrec opened 5 years ago

scastrec commented 5 years ago

Hi,

I'm trying to customise but nothing worked.

/deep/.fab-toggle { height: 56px; width: 56px; line-height: 68px; box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28); }

:host ::ng-deep ngx-float-button { .fab-toggle { height: 56px; width: 56px; line-height: 68px; box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28); } /deep/.fab-menu { .fab-toggle { height: 56px; width: 56px; line-height: 68px; box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28); } } /deep/.fab-toggle { height: 56px; width: 56px; line-height: 68px; box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28); } }

Have you though about using encapsualtion: EncapsulationView.None

Or, do you have another way to make it works?

ricking007 commented 2 years ago

Comigo funcionou assim: :host {::ng-deep { ngx-float-button {}}