Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

field 60% width #3301

Closed
semoi opened this Issue · 9 comments

8 participants

@semoi

When using he following code on "wide" screen, the label is on the left of the input field (that's ok).
The label have a 20% width.
But the input field have a 60% width. Why not 80% ?
```


Text Input:

@jblas

@semoi

What version of the framework are you using? @toddmparker, didn't we fix this for 1.0?

@evgenyneu

+1 to @semoi
Is it a bug or was it supposed to be 60% If so, why?

@agcolom
Collaborator

This seems to be also the problem for #3486

@Wilto Wilto was assigned
@toddparker

@wilto will give these a look soon.

@Wilto

Not gonna lie, this is one that has been bothering me for a while now. I’ve set up a branch where I’m working on making better use of the space available to the form widgets, and removing some of the fixed-width padding and whatnot in play. It’s a change that’s gonna impact a lot of places so I want to make sure we have time to test thoroughly. Not something I’d want to try sneaking into 1.1, but know that it’s in the works.

@evgenyneu

I am using width: 78% and box-sizing: border-box (plus vendor prefixes) for inputs and textareas in widescreen mode. Works fine.

@jakeboone02

This is causing us some headaches with styles in our app, especially in the responsive design department (desktop width vs tablet width vs smartphone width). I know @Wilto's on the case but can we get a Medium or High priority tag on this ticket just to maintain visibility?

@toddparker

Done. This is tagged to the 1.2 milestone so it's definitely on our radar.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.