keith/Portfolio-2026
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

✨feature: Enhance navigation components with scroll control and styling updates
Deploy to Dreamhost / build (push) Successful in 36s
Details
Sync TODOs with Issues / sync_todos (push) Successful in 6s
Details

Browse Source
This commit is contained in:
Keith Solomon
2026-08-29 10:46:03 -05:00
parent b9bbf615c9
commit 9ad4763f8b
4 changed files with 102 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
views/components/nav-main.php
+1 -1
View File
@@ -16,7 +16,7 @@ $GLOBALS['ks_portfolio_link_resume'] = isset( $GLOBALS['ks_portfolio_link_resume
?>
<nav class="nav-main" role="navigation" aria-label="Main">
<?php require_once __DIR__ . '/nav-main__toggle.php'; ?>
<?php require_once __DIR__ . '/nav-main__toggle.php'; ?>
<?php
if ( has_nav_menu( 'main_navigation' ) ) {
views/components/nav-main__toggle.php
+7 -5
View File
@@ -13,6 +13,7 @@ $navIcon = isset( get_field( 'header', 'option' )['nav_icon'] ) ? get_field( 'he
// Generate toggle classes
$toggleClasses = array( 'nav-main__toggle' );
if ( $navIcon ) {
$toggleClasses[] = 'custom-icon';
}
@@ -29,17 +30,18 @@ if ( $navIcon ) {
<?php else : ?>
<!-- Hamburger Icon -->
<span class="nav-toggle-icon nav-toggle-hamburger">
<svg class="text-current fill-current" viewBox="0 0 100 80" width="40" height="40">
<svg class="text-current fill-[#1A2A45]" viewBox="0 0 100 60" width="40" height="40">
<rect y="0" width="100" height="15"></rect>
<rect y="30" width="100" height="15"></rect>
<rect y="60" width="100" height="15"></rect>
</svg>
</span>
<!-- X Icon -->
<!-- X Icon -->
<span class="nav-toggle-icon nav-toggle-x">
<svg class="text-current stroke-current" viewBox="0 0 100 80" width="40" height="40">
<line x1="20" y1="20" x2="80" y2="60" stroke-width="15" stroke-linecap="round" />
<line x1="80" y1="20" x2="20" y2="60" stroke-width="15" stroke-linecap="round" />
<svg class="text-current stroke-[#1A2A45]" viewBox="0 0 100 100" width="40" height="40">
<line x1="15" y1="15" x2="85" y2="85" stroke-width="15" stroke-linecap="round" />
<line x1="85" y1="15" x2="15" y2="85" stroke-width="15" stroke-linecap="round" />
</svg>
</span>
<?php endif; ?>