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
Binary file not shown.
+1 -1
View File
@@ -4,6 +4,6 @@
"\\css",
"\\js"
],
"SelectedNode": "\\create-shipping-order-S2.html",
"SelectedNode": "\\search-contact.html",
"PreviewInSolutionExplorer": false
}
BIN
View File
Binary file not shown.
+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;
}
+11
View File
@@ -413,6 +413,17 @@
</div>
<div class="form-divider"></div>
<a href="#" class="list-item">
<i class="fa fa-shopping-cart"></i>
<em class="seperate-contact"></em>
<span class="list-item-title-contact">Items 1</span>
<br />
<span class="list-item-title-contact" style="margin-top:-13px; color: red">Rejected</span>
<span class="list-item-title-role" style="margin-top:-22px">Forwarder</span>
<br />
<span class="list-item-title-role" style="margin-top:-22px; color: #069">CIEF</span>
</a>
<!-- Content List Spawner End Here-->
</div>