Skip to content

Fix stacked select margins and padding.#5860

Closed
nikmartin wants to merge 4306 commits intoionic-team:masterfrom
openframe:master
Closed

Fix stacked select margins and padding.#5860
nikmartin wants to merge 4306 commits intoionic-team:masterfrom
openframe:master

Conversation

@nikmartin
Copy link

Short description of what this resolves:

The alignment of stacked labels on selects is inconsistent with the selected value and of other stacked labels. The padding of stacked select is also inconsistent with stacked inputs. This fixes both of these.

With -3px margin and no padding:
screenshot from 2016-03-16 10-46-47

without -3px margin and matching padding:
screenshot from 2016-03-16 11-45-05

Changes proposed in this pull request:

  • remove -3px margin
  • make padding of .item-select.item-stacked-label select match .item-stacked-label input

Ionic Version: 1.x

Fixes: #

mlynch and others added 30 commits December 6, 2015 11:30
fix(scroll): prevent 'cannot read from undefined' exception
Fixes ionic-team#4070 because Windows Phone reports itself as being "Mozilla/5.…
Added two more choices of column size: 40% and 60%
Access popup scope in the tap event handlers
extension to support multiple selection
don't throw exceptions if the view is destroyed before the view is resized
…ewheel

Added mousewheel support for touch devices
Fix `e.detail.keyboardHeight` undefined error in keyboardAttach directive
Using parseFloat() to yield more precise pixel calculation.
(/^(select|option)$/i).test(e.target.tagName) exported in separate function
rogerin and others added 24 commits January 27, 2016 11:58
Folder name is different in doc from origin.
docs: js/angular-ui/ directory reference
fix(nullRef): nullify reference to the destroyed slider
docs(): close ion-input tag correctly
docs(): correct break tag in events.js
make padding of stacked select match stacked input
@nikmartin
Copy link
Author

The padding appears to be slightly platform dependent. In a browser, it lines up, but on mobile android, the select is slightly indented
screen

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.