search

Pretius / Pretius-APEX-Enhanced-Lov-Item

Oracle APEX plugin
MIT License
24 stars 11 forks source link

Style issues when combining Optional-Floating and custom icon #45

Open zhudock opened 4 years ago

zhudock commented 4 years ago

Something about the combination of the Optional-Floating appearance and setting a custom icon adds a large area of whitespace next to the floating label text.

pretius_elov_normal pretius_elov_custom

EDIT: It looks like setting a custom icon adds the .apex-item-wrapper--has-icon class to the form field container div. That class doesn't exist when the default icon is used

bostrowski commented 4 years ago

@zhudock I will investigate it closely and will get back to you with the fix via branch v1.1.1

zhudock commented 4 years ago

It looks like adding the removeClass call noted below inside the _maskCreateNew from the js file should resolve it.

if ( returnObject.fieldContainer.is('.t-Form-fieldContainer--floatingLabel') ) {
  returnObject.fieldContainer.addClass('is-active').removeClass('apex-item-wrapper--has-icon');
}