Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Extra padding for some ion-item's #5534

Closed
drobbins opened this issue Feb 19, 2016 · 5 comments
Closed

Extra padding for some ion-item's #5534

drobbins opened this issue Feb 19, 2016 · 5 comments
Assignees

Comments

@drobbins
Copy link

Short description of the problem:

Padding for ion-item's content is adjusted if the item is a link. This is especially apparent if you use an item-note but no item buttons.

What behavior are you expecting?

The padding to be the same, for the same content, regardless of whether it's a link or not.

Steps to reproduce:

  1. Visit http://codepen.io/anon/pen/adrKza

Ionic Version: nightly, driftyco:ionic 1.2.4 for meteor

Browser & Operating System: OSX + Chrome. Doesn't occur on Android / Chrome

Run ionic info from terminal/cmd prompt: n/a, I don't have the CLI installed.

@mhartington
Copy link
Contributor

Should be fixed in the nightly builds. Thanks for the heads up

@mhartington
Copy link
Contributor

Revisiting this, seems like there could be a better solution. Going to reopen this and think on this.

@mhartington mhartington reopened this Mar 7, 2016
@Viveur
Copy link

Viveur commented Jun 2, 2016

Have noticed that when using <ion-input> rather than the older <a class="item"> that a large amount of padding gets applied on the right.

In many cases it seems this extra padding is unnecessary and limits the space available for text.

I would of expected both approaches to work in the same way, but due to being given the .item-complex class it adopts the following padding...

padding: $item-padding (ceil( ($item-padding * 3) + ($item-padding / 3) ) - 5) $item-padding $item-padding;

..., which is different from the default padding provided by a normal .item.

@jgw96
Copy link
Contributor

jgw96 commented Jan 17, 2017

This issue was moved to ionic-team/ionic-v1#197

@jgw96 jgw96 closed this as completed Jan 17, 2017
@ionitron-bot
Copy link

ionitron-bot bot commented Sep 4, 2018

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Sep 4, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants