Browse Source

All inputs now use flexbox, adjust flex-grow value to fix ie10

pull/2047/head
jlukic 9 years ago
parent
commit
7a5654d968
1 changed files with 4 additions and 4 deletions
  1. 8
      src/definitions/elements/input.less

8
src/definitions/elements/input.less

@ -30,12 +30,12 @@
.ui.input { .ui.input {
position: relative; position: relative;
display: inline-block;
display: inline-flex;
color: @inputColor; color: @inputColor;
} }
.ui.input input { .ui.input input {
margin: 0em; margin: 0em;
width: 100%;
flex-grow: 1;
outline: none; outline: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
text-align: @textAlign; text-align: @textAlign;
@ -278,7 +278,7 @@
display: inline-flex; display: inline-flex;
} }
.ui.labeled.input > .label { .ui.labeled.input > .label {
flex: 1 0 auto;
flex-grow: 0;
margin: 0; margin: 0;
font-size: 1em; font-size: 1em;
} }
@ -344,7 +344,7 @@
.ui.action.input > .button, .ui.action.input > .button,
.ui.action.input > .buttons { .ui.action.input > .buttons {
flex: 1 0 auto;
flex-grow: 0;
} }
.ui.action.input > .button, .ui.action.input > .button,
.ui.action.input > .buttons > .button { .ui.action.input > .buttons > .button {

Loading…
Cancel
Save