Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-02-09 09:54:20 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add ripple effects to controls across application

Browse source
This commit is contained in:
eugene-sinitsyn 2020-03-05 18:17:17 +03:00
parent 6c81379740
commit 7ac5287e55
34 changed files with 284 additions and 180 deletions
Download patch file Download diff file Expand all files Collapse all files

63
src/app/pages/ui-features/search-fields/search-fields.component.html
View file

@ -5,7 +5,14 @@
Layout Rotate Search
</nb-card-header>
<nb-card-body>
<nb-search type="rotate-layout" tag="rotate-layout"></nb-search>
<nb-search
matRipple
[matRippleUnbounded]="true"
[matRippleCentered]="true"
[matRippleRadius]="36"
type="rotate-layout"
tag="rotate-layout"
></nb-search>
</nb-card-body>
</nb-card>
</div>
@ -15,7 +22,14 @@
Modal Zoomin Search
</nb-card-header>
<nb-card-body>
<nb-search type="modal-zoomin" tag="modal-zoomin"></nb-search>
<nb-search
matRipple
[matRippleUnbounded]="true"
[matRippleCentered]="true"
[matRippleRadius]="36"
type="modal-zoomin"
tag="modal-zoomin"
></nb-search>
</nb-card-body>
</nb-card>
</div>
@ -25,7 +39,14 @@
Modal Move Search
</nb-card-header>
<nb-card-body>
<nb-search type="modal-move" tag="modal-move"></nb-search>
<nb-search
matRipple
[matRippleUnbounded]="true"
[matRippleCentered]="true"
[matRippleRadius]="36"
type="modal-move"
tag="modal-move"
></nb-search>
</nb-card-body>
</nb-card>
</div>
@ -35,7 +56,14 @@
Modal Drop Search
</nb-card-header>
<nb-card-body>
<nb-search type="modal-drop" tag="modal-drop"></nb-search>
<nb-search
matRipple
[matRippleUnbounded]="true"
[matRippleCentered]="true"
[matRippleRadius]="36"
type="modal-drop"
tag="modal-drop"
></nb-search>
</nb-card-body>
</nb-card>
</div>
@ -45,7 +73,14 @@
Modal Half Search
</nb-card-header>
<nb-card-body>
<nb-search type="modal-half" tag="modal-half"></nb-search>
<nb-search
matRipple
[matRippleUnbounded]="true"
[matRippleCentered]="true"
[matRippleRadius]="36"
type="modal-half"
tag="modal-half"
></nb-search>
</nb-card-body>
</nb-card>
</div>
@ -55,7 +90,14 @@
Curtain Search
</nb-card-header>
<nb-card-body>
<nb-search type="curtain" tag="curtain"></nb-search>
<nb-search
matRipple
[matRippleUnbounded]="true"
[matRippleCentered]="true"
[matRippleRadius]="36"
type="curtain"
tag="curtain"
></nb-search>
</nb-card-body>
</nb-card>
</div>
@ -65,7 +107,14 @@
Column Curtain Search
</nb-card-header>
<nb-card-body>
<nb-search type="column-curtain" tag="column-curtain"></nb-search>
<nb-search
matRipple
[matRippleUnbounded]="true"
[matRippleCentered]="true"
[matRippleRadius]="36"
type="column-curtain"
tag="column-curtain"
></nb-search>
</nb-card-body>
</nb-card>
</div>