Skip to content

changed the navbar #116

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Shivamagrawal20 wants to merge 3 commits into
base: main
Choose a base branch
from
Open

changed the navbar #116

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
129cd35
changed the navbar
Shivamagrawal20 Nov 13, 2025
2f18851
conflicts should be reolved
Shivamagrawal20 Nov 15, 2025
f0f7a98
fixed
Shivamagrawal20 Nov 15, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added __pycache__/app.cpython-312.pyc
View file
Open in desktop
Binary file not shown.
123 changes: 115 additions & 8 deletions assets/css/ia.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,68 @@
/* ============================================
CRITICAL: Navigation Header Protection
These rules MUST override any other styles
============================================ */
body > header {
width: 100% !important;
max-width: 100vw !important;
min-width: 0 !important;
box-sizing: border-box !important;
overflow-x: hidden !important;
margin: 0 !important;
padding: 0 !important;
position: sticky !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 1000 !important;
}

/* CRITICAL: nav-container width constraints - MUST override navigation.css (matching notes page) */
body > header .nav-container,
header .nav-container,
body header .nav-container,
body > header > .nav-container {
max-width: min(1400px, 100vw) !important;
width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
overflow-x: hidden !important;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 1rem 5% !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
flex-wrap: nowrap !important;
}

/* Additional specificity to ensure it overrides */
html body > header .nav-container {
max-width: min(1400px, 100vw) !important;
width: 100% !important;
margin: 0 auto !important;
}

/* Prevent any .container class from affecting nav-container */
body > header .nav-container.container,
header .nav-container.container {
max-width: min(1400px, 100vw) !important;
width: 100% !important;
}

/* Ensure body/html width doesn't affect header */
html {
overflow-x: hidden !important;
width: 100% !important;
max-width: 100vw !important;
}

body {
overflow-x: hidden !important;
}

/* Base Styles */
:root {
/* Primary colors */
Expand Down Expand Up @@ -60,6 +125,16 @@ body {
display: flex;
flex-direction: column;
transition: background-color var(--transition-speed) ease, color var(--transition-speed) ease;
width: 100% !important;
max-width: 100vw !important;
overflow-x: hidden !important;
}

/* CRITICAL: Ensure header is NOT affected by body width */
body > header {
width: 100% !important;
max-width: 100vw !important;
box-sizing: border-box !important;
}

/* Main container adjustments for better layout with navigation */
Expand Down Expand Up @@ -109,13 +184,13 @@ main {
width: 100%;
}

/* Header Section */
.header {
/* Header Section - Page content header, not navigation header */
.container .header {
text-align: center;
margin-bottom: 24px;
}

.header h1 {
.container .header h1 {
color: var(--primary-color);
margin: 0;
font-size: 2.2em;
Expand All @@ -125,7 +200,7 @@ main {
gap: 12px;
}

.header p {
.container .header p {
color: var(--text-muted);
margin: 8px 0 0 0;
font-size: 0.95em;
Expand Down Expand Up @@ -803,7 +878,25 @@ button.menu-button {

body {
position: relative;
width: 95%;
width: 100% !important;
max-width: 100vw !important;
}

/* CRITICAL: Header must remain full width even when body width changes */
body > header {
width: 100% !important;
max-width: 100vw !important;
margin: 0 !important;
padding: 0 !important;
}

body > header .nav-container {
max-width: min(1400px, 100vw) !important;
width: 100% !important;
margin: 0 auto !important;
padding: 1rem 5% !important;
box-sizing: border-box !important;
overflow-x: hidden !important;
}

/* Container adjustments */
Expand All @@ -821,12 +914,12 @@ button.menu-button {
}

/* Header improvements */
.header h1 {
.container .header h1 {
font-size: 1.8rem;
gap: 8px;
}

.header p {
.container .header p {
font-size: 0.9rem;
margin-top: 6px;
}
Expand Down Expand Up @@ -962,6 +1055,20 @@ button.menu-button {

/* Very small screens optimization */
@media screen and (max-width: 480px) {
/* Ensure navigation header maintains full width on small screens */
body > header {
width: 100% !important;
max-width: 100vw !important;
box-sizing: border-box !important;
overflow-x: hidden !important;
}

body > header .nav-container {
max-width: min(1400px, 100vw) !important;
width: 100% !important;
box-sizing: border-box !important;
overflow-x: hidden !important;
}
html, body {
font-size: 14px;
}
Expand All @@ -972,7 +1079,7 @@ button.menu-button {
margin: 10px auto;
}

.header h1 {
.container .header h1 {
font-size: 1.6rem;
}

Expand Down
41 changes: 39 additions & 2 deletions assets/css/navigation.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,14 +26,28 @@
}

/* Header and Navigation Container */
html, body {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
overflow-x: hidden !important;
}

body > header {
background-color: var(--darker-bg) !important;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5) !important;
position: sticky !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 1000 !important;
border-bottom: 1px solid var(--border-color) !important;
width: 100% !important;
max-width: 100vw !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
margin: 0 !important;
padding: 0 !important;
transition: background-color var(--transition-speed) ease, box-shadow var(--transition-speed) ease, border-color var(--transition-speed) ease;
}

Expand All @@ -46,10 +60,23 @@ body > header .nav-container {
justify-content: space-between !important;
align-items: center !important;
padding: 1rem 5% !important;
max-width: 1400px !important;
max-width: min(1400px, 100vw) !important;
width: 100% !important;
margin: 0 auto !important;
box-sizing: border-box !important;
overflow-x: hidden !important;
}

/* Ensure nav-container doesn't exceed viewport width on smaller screens */
@media (max-width: 1400px) {
body > header .nav-container {
max-width: min(1400px, 100vw) !important;
padding-left: 5% !important;
padding-right: 5% !important;
}
}


/* Nav Actions Container */
body > header .nav-actions {
display: flex !important;
Expand Down Expand Up @@ -224,9 +251,19 @@ body > header .menu-button {

/* Mobile Responsive Styles */
@media (max-width: 768px) {
body > header {
width: 100% !important;
max-width: 100vw !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
}

body > header .nav-container {
padding: 1rem !important;
width: 100% !important; /* Ensure full width */
width: 100% !important;
max-width: 100vw !important;
box-sizing: border-box !important;
overflow-x: hidden !important;
justify-content: space-between !important; /* Ensure proper spacing */
}

Expand Down
39 changes: 31 additions & 8 deletions assets/css/notes.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -76,8 +76,8 @@ p {
color: var(--text-secondary);
}

/* Header and Navigation */
header {
/* Header and Navigation - Only apply to notes-specific header, not navigation header */
.notes-search-nav {
background-color: var(--background-darker);
padding: 1rem;
position: sticky;
Expand All @@ -86,6 +86,21 @@ header {
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

/* Ensure navigation header is not affected by notes.css */
body > header {
width: 100% !important;
max-width: 100vw !important;
box-sizing: border-box !important;
overflow-x: hidden !important;
}

body > header .nav-container {
max-width: min(1400px, 100vw) !important;
width: 100% !important;
box-sizing: border-box !important;
overflow-x: hidden !important;
}

/* Notes Navigation */
nav {
display: flex;
Expand Down Expand Up @@ -462,29 +477,37 @@ nav h1 {
font-size: 0.9rem;
}

/* Nav adjustments */
.nav-container {
/* Nav adjustments - Only for notes-specific nav, not main header */
.notes-search-nav .nav-container {
flex-wrap: wrap;
gap: 1rem;
}

.menu-button {
/* Ensure main header nav-container is not affected */
body > header .nav-container {
max-width: min(1400px, 100vw) !important;
width: 100% !important;
box-sizing: border-box !important;
overflow-x: hidden !important;
}

body > header .menu-button {
display: block;
}

.nav-links {
.notes-search-nav .nav-links {
display: none;
width: 100%;
flex-direction: column;
padding: 1rem 0;
order: 3;
}

.nav-links.active {
.notes-search-nav .nav-links.active {
display: flex;
}

.nav-link {
.notes-search-nav .nav-link {
width: 100%;
justify-content: center;
}
Expand Down
Loading