gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fixes sidebar scrolling behavior on iOS, fixes #6227

Browse Source
This commit is contained in:
Jami Gibbs
2016-02-11 14:35:03 -06:00
parent 9913d8de92
commit f02716b1a5
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
client/less/map.less
View File

@ -11,7 +11,13 @@
bottom: 0; bottom: 0;
right: 0; right: 0;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
display: -webkit-flex;
display: flex; display: flex;
-webkit-flex-direction: row;
flex-direction: row; flex-direction: row;
background-color: @body-bg; background-color: @body-bg;
@ -21,6 +27,7 @@
transition: transform 0.3s cubic-bezier(0.16, 0.22, 0.22, 1.7); transition: transform 0.3s cubic-bezier(0.16, 0.22, 0.22, 1.7);
&.is-collapsed { &.is-collapsed {
-webkit-transform: translateY(110%);
transform: translateX(110%); transform: translateX(110%);
} }
@ -52,9 +59,9 @@
.map-aside-action-bar { .map-aside-action-bar {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0;
right: 0; right: 0;
display: -webkit-flex;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
@ -120,6 +127,7 @@
.fa { .fa {
position:absolute; position:absolute;
top:50%; top:50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); transform: translateY(-50%);
right:10px; right:10px;
} }
@ -237,6 +245,7 @@
} }
.map-aside-action-item { .map-aside-action-item {
display: -webkit-flex;
display: flex; display: flex;
/* main axis */ /* main axis */
justify-content: center; justify-content: center;