ionic-modal-select icon indicating copy to clipboard operation
ionic-modal-select copied to clipboard

Add option to hide-footer

Open ichagas opened this issue 8 years ago • 2 comments

First, thank you for this module, it is simple and useful.

I made some personal adjustments that I would love to share and make it available in the main repo.

In order to make a simpler UI interaction I added the option hide-footer which can be true or (the standard) false.

Adding this option you create 2 scenarios:

Scenario 1: With Search Bar Turned On On this scenario:

  • The text field add and extra element (X) inside input field in the right corner for clear text (similar to a native iOS)
  • The Close/Cancel button gets room in replacement of the regular Clear button

See the example captura de tela 2016-11-01 as 11 37 59

Scenario 2: Without Search Bar On this scenario:

  • The Close/Cancel option is in the top right position as an X icon

See the example captura de tela 2016-11-01 as 11 43 57

I only tested the simple selection modal, the multi must be tested but I believe it is save to say it is OK since the changes are minimal.

Regards

ichagas avatar Nov 01 '16 13:11 ichagas

hi @ichagas and thanks for your work! I'm going to review your contributions ASAP, this is a nice feature indeed.

best regards Mauro

bianchimro avatar Nov 01 '16 18:11 bianchimro

Great!

I've just made some additional adjustments and perhaps inside the input field the icon ion-close-round looks better than ion-android-close that I picked earlier.

ichagas avatar Nov 01 '16 23:11 ichagas