Skip to content

Commit

Permalink
Sidebar
Browse files Browse the repository at this point in the history
  • Loading branch information
@asmaamostafa74
asmaamostafa74 committed Dec 22, 2024
1 parent 0f147e0 commit db19bc0
Show file tree
Hide file tree
Showing 21 changed files with 51 additions and 36 deletions.
2 changes: 1 addition & 1 deletion addAddress.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@
<span class="toggler-icon bottom-bar"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
Expand Down
2 changes: 1 addition & 1 deletion addressDetails.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@
<span class="toggler-icon bottom-bar"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
Expand Down
2 changes: 1 addition & 1 deletion addresses.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@
<span class="toggler-icon bottom-bar"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
Expand Down
2 changes: 1 addition & 1 deletion carts.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@
<span class="toggler-icon bottom-bar"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link " aria-current="page" href="index.html">Home</a>
Expand Down
2 changes: 1 addition & 1 deletion changePass.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@
<span class="toggler-icon bottom-bar"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
Expand Down
2 changes: 1 addition & 1 deletion checkOut.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@
<span class="toggler-icon bottom-bar"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link " aria-current="page" href="index.html">Home</a>
Expand Down
2 changes: 1 addition & 1 deletion checkOutDetails.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@
<span class="toggler-icon bottom-bar"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link " aria-current="page" href="index.html">Home</a>
Expand Down
47 changes: 31 additions & 16 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -220,19 +220,6 @@ html::-webkit-scrollbar-track {

.navbar-nav {
margin: 0 !important;
gap: 22px;
}
.navbar-collapse {
justify-content: space-between;
}
.navbar-brand {
font-size: 36px;
line-height: 44px;
}
.navbar-nav .nav-link {
font-size: 16px;
line-height: 21px;
color: black;
}
.navbar-nav .nav-link.active {
color: var(--main_color);
Expand All @@ -244,8 +231,6 @@ html::-webkit-scrollbar-track {
gap: 12px;
}

.navbar .dropdown {
}
.navbar .dropdown h4 {
font-size: 16px;
line-height: 21px;
Expand Down Expand Up @@ -284,7 +269,7 @@ html::-webkit-scrollbar-track {
}
.navbar .dropdown-menu {
right: auto;
left: 50% !important;
left: 38% !important;
transform: translateX(-50%) !important;
}

Expand All @@ -304,6 +289,36 @@ html::-webkit-scrollbar-track {
line-height: 21px;
color: #4e4e4e;
}

.sidebar {
position: fixed;
top: 0;
left: -250px;
width: 250px;
height: 100%;
background-color: white;
overflow-y: auto;
transition: left 0.2s ease-in-out;
z-index: 999;
}

.sidebar.show {
left: 0;
}

.sidebar .nav-item {
padding: 15px;
}

.end_nav {
bottom: 20px;
left: 20px;
width: 100%;
}

.navbar-toggler-icon {
background-color: #fff;
}
@media (min-width: 992px) {
.navbar-expand-lg {
flex-wrap: nowrap;
Expand Down
2 changes: 1 addition & 1 deletion fav.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@
<span class="toggler-icon bottom-bar"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
Expand Down
2 changes: 1 addition & 1 deletion forgetPass.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@
<span class="toggler-icon bottom-bar"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
Expand Down
2 changes: 1 addition & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@
<span class="toggler-icon bottom-bar"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
Expand Down
2 changes: 1 addition & 1 deletion login.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@
<span class="toggler-icon bottom-bar"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
Expand Down
2 changes: 1 addition & 1 deletion menu.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@
<span class="toggler-icon bottom-bar"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link " aria-current="page" href="index.html">Home</a>
Expand Down
2 changes: 1 addition & 1 deletion newPassword.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@
<span class="toggler-icon bottom-bar"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
Expand Down
2 changes: 1 addition & 1 deletion orderSuccsses.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@
<span class="toggler-icon bottom-bar"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link " aria-current="page" href="index.html">Home</a>
Expand Down
2 changes: 1 addition & 1 deletion orders.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@
<span class="toggler-icon bottom-bar"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
Expand Down
2 changes: 1 addition & 1 deletion paymentMethod.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@
<span class="toggler-icon bottom-bar"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link " aria-current="page" href="index.html">Home</a>
Expand Down
2 changes: 1 addition & 1 deletion profile.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@
<span class="toggler-icon bottom-bar"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
Expand Down
2 changes: 1 addition & 1 deletion signUp.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@
<span class="toggler-icon bottom-bar"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
Expand Down
2 changes: 1 addition & 1 deletion verify.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@
<span class="toggler-icon bottom-bar"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
Expand Down
2 changes: 1 addition & 1 deletion viewOrder.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@
<span class="toggler-icon bottom-bar"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
Expand Down

0 comments on commit db19bc0

Please sign in to comment.