Skip to content

Commit

Permalink
Merge pull request #1108 from prashantsingh181/mobileNav
Browse files Browse the repository at this point in the history 
Made Mobile Navbar consistent
  • Loading branch information
@sanjay-kv
sanjay-kv authored Oct 30, 2024
2 parents 559be5d + 8f1abeb commit 93d758e
Show file tree
Hide file tree
Showing 9 changed files with 65 additions and 41 deletions.
2 changes: 1 addition & 1 deletion pages/blog.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -168,7 +168,7 @@
<a href="githubbadge.html" class="navbar-links">Github-Badge</a>
<a href="events.html" class="navbar-links">Events</a>
<a href="blog.html" class="navbar-links">Blog</a>
<a href="#" class="navbar-links">Add Profile</a>
<a href="https://github.com/recodehive/awesome-github-profiles/issues/new?assignees=&labels=%E2%9E%95+profile&projects=&template=add_profile.md&title=Add+Profile%3A+" class="navbar-links">Add Profile</a>
<a href="../login.html">Login</a>

<div class="toggle-switch">
Expand Down
17 changes: 13 additions & 4 deletions pages/compare.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -149,10 +149,19 @@
</nav>
<div class="mobile-menu" id="mobile-menu">
<a href="githubbadge.html" class="navbar-links">Github-Badge</a>
<a href="events.html" class="navbar-links">Events</a>
<a href="githubbadge.html" class="navbar-links">Github-Badge</a>
<a href="blog.html" class="navbar-links">Blog</a>
<a href="#" class="navbar-links">Add Profile</a>
<a href="events.html" class="navbar-links">Events</a>
<a href="githubbadge.html" class="navbar-links">Github-Badge</a>
<a href="blog.html" class="navbar-links">Blog</a>
<a href="https://github.com/recodehive/awesome-github-profiles/issues/new?assignees=&labels=%E2%9E%95+profile&projects=&template=add_profile.md&title=Add+Profile%3A+" class="navbar-links">Add Profile</a>
<div class="toggle-switch">
<input type="checkbox" id="theme-toggle-mobile">
<label for="theme-toggle-mobile">
<div class="switch-button">
<span class="material-icons sun-icon">wb_sunny</span>
<span class="material-icons moon-icon">brightness_2</span>
</div>
</label>
</div>
</div>

<div class="container">
Expand Down
3 changes: 1 addition & 2 deletions pages/events.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -152,9 +152,8 @@
<a href="githubbadge.html" class="navbar-links">Github-Badge</a>
<a href="" class="navbar-links">Events</a>
<a href="blog.html" class="navbar-links">Blog</a>
<a href="#" class="navbar-links">Add Profile</a>
<a href="https://github.com/recodehive/awesome-github-profiles/issues/new?assignees=&labels=%E2%9E%95+profile&projects=&template=add_profile.md&title=Add+Profile%3A+" class="navbar-links">Add Profile</a>
<a href="../login.html">Login</a>

<div class="toggle-switch">
<input type="checkbox" id="theme-toggle-mobile">
<label for="theme-toggle-mobile">
Expand Down
10 changes: 10 additions & 0 deletions pages/exploremore.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -148,6 +148,16 @@
<a href="blog.html" class="navbar-links">Blog</a>
<a href="https://github.com/recodehive/awesome-github-profiles/issues/new?assignees=&labels=%E2%9E%95+profile&projects=&template=add_profile.md&title=Add+Profile%3A+"
class="navbar-links">Add Profile</a>
<a href="../login.html">Login</a>
<div class="toggle-switch">
<input type="checkbox" id="theme-toggle-mobile">
<label for="theme-toggle-mobile">
<div class="switch-button">
<span class="material-icons sun-icon">wb_sunny</span>
<span class="material-icons moon-icon">brightness_2</span>
</div>
</label>
</div>
</div>
<div class="container">
<div class="header">
Expand Down
18 changes: 14 additions & 4 deletions pages/faq.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -229,10 +229,20 @@
</div>
</nav>
<div class="mobile-menu" id="mobile-menu">
<a href="#" class="navbar-links">Github-Badge</a>
<a href="events.html" class="navbar-links">Events</a>
<a href="blog.html" class="navbar-links">Blog</a>
<a href="https://github.com/recodehive/awesome-github-profiles/issues/new?assignees=&labels=%E2%9E%95+profile&projects=&template=add_profile.md&title=Add+Profile%3A+" class="navbar-links">Add Profile</a>
<a href="githubbadge.html" class="navbar-links">Github-Badge</a>
<a href="events.html" class="navbar-links">Events</a>
<a href="blog.html" class="navbar-links">Blog</a>
<a href="https://github.com/recodehive/awesome-github-profiles/issues/new?assignees=&labels=%E2%9E%95+profile&projects=&template=add_profile.md&title=Add+Profile%3A+" class="navbar-links">Add Profile</a>
<a href="../login.html">Login</a>
<div class="toggle-switch">
<input type="checkbox" id="theme-toggle-mobile">
<label for="theme-toggle-mobile">
<div class="switch-button">
<span class="material-icons sun-icon">wb_sunny</span>
<span class="material-icons moon-icon">brightness_2</span>
</div>
</label>
</div>
</div>
<section class="faq-section">
<div class="faq-header">
Expand Down
15 changes: 12 additions & 3 deletions pages/help.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -229,9 +229,18 @@
</nav>
<div class="mobile-menu" id="mobile-menu">
<a href="#" class="navbar-links">Github-Badge</a>
<a href="events.html" class="navbar-links">Events</a>
<a href="blog.html" class="navbar-links">Blog</a>
<a href="https://github.com/recodehive/awesome-github-profiles/issues/new?assignees=&labels=%E2%9E%95+profile&projects=&template=add_profile.md&title=Add+Profile%3A+" class="navbar-links">Add Profile</a>
<a href="events.html" class="navbar-links">Events</a>
<a href="blog.html" class="navbar-links">Blog</a>
<a href="https://github.com/recodehive/awesome-github-profiles/issues/new?assignees=&labels=%E2%9E%95+profile&projects=&template=add_profile.md&title=Add+Profile%3A+" class="navbar-links">Add Profile</a>
<div class="toggle-switch">
<input type="checkbox" id="theme-toggle-mobile">
<label for="theme-toggle-mobile">
<div class="switch-button">
<span class="material-icons sun-icon">wb_sunny</span>
<span class="material-icons moon-icon">brightness_2</span>
</div>
</label>
</div>
</div>

<div class="main-container">
Expand Down
15 changes: 12 additions & 3 deletions pages/saved-blogs.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -145,9 +145,18 @@
</nav>
<div class="mobile-menu" id="mobile-menu">
<a href="events.html" class="navbar-links">Events</a>
<a href="githubbadge.html" class="navbar-links">Github-Badge</a>
<a href="blog.html" class="navbar-links">Blog</a>
<a href="#" class="navbar-links">Add Profile</a>
<a href="githubbadge.html" class="navbar-links">Github-Badge</a>
<a href="blog.html" class="navbar-links">Blog</a>
<a href="https://github.com/recodehive/awesome-github-profiles/issues/new?assignees=&labels=%E2%9E%95+profile&projects=&template=add_profile.md&title=Add+Profile%3A+" class="navbar-links">Add Profile</a>
<div class="toggle-switch">
<input type="checkbox" id="theme-toggle-mobile">
<label for="theme-toggle-mobile">
<div class="switch-button">
<span class="material-icons sun-icon">wb_sunny</span>
<span class="material-icons moon-icon">brightness_2</span>
</div>
</label>
</div>
</div>
<h1 style="text-align: center;">Saved Blogs</h1>
<div style="width: 100%; display: flex; justify-content: center; margin-bottom: 20px; margin-left: 20px;">
Expand Down
1 change: 1 addition & 0 deletions styles/hamburger.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,6 +48,7 @@
z-index: 999;
transform: translateY(-20px);
transition: transform 0.5s ease, opacity 0.3s ease;
padding: 12px;
}


Expand Down
25 changes: 1 addition & 24 deletions styles/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -203,26 +203,6 @@ body.dark-mode .profile p {
color: #f0f0f0;
}

/* Switch Label */
.toggle-switch label {
position: relative;
top: 0px;
left: 7px;
cursor: pointer;
width: 55px;
/* Adjust width to fit switch button and icons */
height: 30px;
/* Adjust height if needed */
background-color: #ccc;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 5px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: background-color 0.5s ease;
}

.no-profiles-message h2 {
color: black;
}
Expand Down Expand Up @@ -427,7 +407,7 @@ body.dark-mode .profile p {
.toggle-switch label {
position: relative;
top: 0px;
left: 7px;
left: 0px;
width: 55px;
/* Adjust width to fit switch button and icons */
height: 30px;
Expand Down Expand Up @@ -594,9 +574,6 @@ body.dark-mode .toggle-label {
background-color: #c5c5c5;
}

.toggle-switch {
margin-left: 5px;
}

/* Dark mode adjustments */
body.dark-mode .navbar,
Expand Down

0 comments on commit 93d758e

Please sign in to comment.