nav change to right and back to left

This commit is contained in:
Darel
2018-03-26 15:04:07 +08:00
parent 2ed9a2d37d
commit 90e15be6d4
5 changed files with 21 additions and 10 deletions
+9 -9
View File
@@ -162,20 +162,20 @@ body{
display: none;
}
nav.menu.opened{
left: 0; /* Right */
right: 0; /* Right */
}
nav.menu {
position: absolute;
left: -70%; /* Right */
right: -70%; /* Right */
top: 0;
bottom: 0;
width: 70%;
background-color: #069;
-webkit-transition: left 200ms cubic-bezier(0.000, 0.655, 0.000, 1); /* older webkit */
-webkit-transition: left 200ms cubic-bezier(0.025, 0.685, 0.000, 0.990);
-moz-transition: left 200ms cubic-bezier(0.025, 0.685, 0.000, 0.990);
-o-transition: left 200ms cubic-bezier(0.025, 0.685, 0.000, 0.990);
transition: left 200ms cubic-bezier(0.025, 0.685, 0.000, 0.990); /* custom */
-webkit-transition: right 200ms cubic-bezier(0.000, 0.655, 0.000, 1); /* older webkit */
-webkit-transition: right 200ms cubic-bezier(0.025, 0.685, 0.000, 0.990);
-moz-transition: right 200ms cubic-bezier(0.025, 0.685, 0.000, 0.990);
-o-transition: right 200ms cubic-bezier(0.025, 0.685, 0.000, 0.990);
transition: right 200ms cubic-bezier(0.025, 0.685, 0.000, 0.990); /* custom */
}
nav.menu .nav-header{
@@ -638,7 +638,7 @@ header .go-back-link{
display: inline-block;
line-height: 30px;
text-align: center;
float: right;
float: left;
margin-left: -10px;
color: #CCC;
}
@@ -679,7 +679,7 @@ header.with-search-icon .page-title{
.navi-menu-button{
width: 30px;
height: 30px;
float: left;
float: right;
position: relative;
cursor: pointer;
}