supernets/hardlounge
supernets/hardlounge
4
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Fixing display: flex for iOS 8

Browse Source
This commit is contained in:
Gilles Gauthier 2016-09-20 21:26:22 -07:00
parent c090ab065f
commit 8bd5d800d0
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
client/css/style.css
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;
} }