Merge pull request #626 from Gilles123/ios8-fix

Fix "display: flex" to work on iOS 8
This commit is contained in:
Jérémie Astori 2016-09-21 01:30:02 -04:00 committed by GitHub
commit 3dbfd12add
2 changed files with 14 additions and 1 deletions

View File

@ -55,7 +55,9 @@
"number-leading-zero": "never", "number-leading-zero": "never",
"number-no-trailing-zeros": true, "number-no-trailing-zeros": true,
"length-zero-no-unit": true, "length-zero-no-unit": true,
"declaration-block-no-duplicate-properties": true, "declaration-block-no-duplicate-properties": [true, {
"ignore": ["consecutive-duplicates"]
}],
"declaration-block-no-shorthand-property-overrides": true, "declaration-block-no-shorthand-property-overrides": true,
"rule-non-nested-empty-line-before": ["always-multi-line", { "rule-non-nested-empty-line-before": ["always-multi-line", {
"ignore": ["after-comment"] "ignore": ["after-comment"]

View File

@ -551,7 +551,9 @@ button {
position: absolute; position: absolute;
right: 5px; right: 5px;
top: 4px; top: 4px;
display: -webkit-flex;
display: flex; display: flex;
-webkit-flex-direction: column;
flex-direction: column; flex-direction: column;
} }
@ -666,13 +668,16 @@ button {
} }
#windows #chat-container.active { #windows #chat-container.active {
display: -webkit-flex;
display: flex; display: flex;
-webkit-flex-direction: column;
flex-direction: column; flex-direction: column;
} }
#chat { #chat {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
-webkit-flex: 1;
flex: 1; flex: 1;
} }
@ -1196,6 +1201,7 @@ button {
#form { #form {
background: #eee; background: #eee;
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
-webkit-flex: 0 0 auto;
flex: 0 0 auto; flex: 0 0 auto;
padding: 5px; padding: 5px;
} }
@ -1207,7 +1213,9 @@ button {
margin: 0; margin: 0;
padding: 0; padding: 0;
background: white; background: white;
display: -webkit-flex;
display: flex; display: flex;
-webkit-align-items: flex-end;
align-items: flex-end; align-items: flex-end;
} }
@ -1225,6 +1233,7 @@ button {
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
-webkit-flex: 0 0 auto;
flex: 0 0 auto; flex: 0 0 auto;
} }
@ -1248,6 +1257,7 @@ button {
margin: 5px; margin: 5px;
padding: 0; padding: 0;
resize: none; resize: none;
-webkit-flex: 1 0 auto;
flex: 1 0 auto; flex: 1 0 auto;
align-self: center; align-self: center;
} }
@ -1258,6 +1268,7 @@ button {
height: 32px; height: 32px;
transition: opacity .2s; transition: opacity .2s;
width: 32px; width: 32px;
-webkit-flex: 0 0 auto;
flex: 0 0 auto; flex: 0 0 auto;
} }