Safak/SWE
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Update subject.php

Browse Source
This commit is contained in:
Kelvi Yawo Jules Agbessi Awuklu
2024-11-16 22:09:17 +01:00
parent 862fc3a5d1
commit a813cda944
1 changed files with 24 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
webseite/subject.php
View File

@@ -318,7 +318,7 @@ $topics = $subjectData->topics;
} }
.menu-toggle { .menu-toggle {
display: block; display: none;
} }
.search-box { .search-box {
@@ -350,6 +350,10 @@ $topics = $subjectData->topics;
.search-container { .search-container {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
} }
.menu-toggle {
display: flex;
}
} }
@media (max-width: 480px) { @media (max-width: 480px) {
@@ -391,17 +395,11 @@ $topics = $subjectData->topics;
border-radius: 10px; border-radius: 10px;
cursor: pointer; cursor: pointer;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
display: none; width: 42px;
width: 42px; /* Fixed width */ height: 42px;
height: 42px; /* Fixed height */ align-items: center;
display: flex; /* Added to center icon */ justify-content: center;
align-items: center; /* Added to center icon */ /* Remove display: none from here since we'll control it with JS */
justify-content: center; /* Added to center icon */
}
/* Adjust the menu icon size */
.menu-toggle i {
font-size: 1.25rem; /* Standardize icon size */
} }
/* Add floating animation for icons */ /* Add floating animation for icons */
@@ -666,6 +664,20 @@ $topics = $subjectData->topics;
document.querySelector('.sidebar').classList.toggle('active'); document.querySelector('.sidebar').classList.toggle('active');
} }
// Add this right after your existing toggleSidebar function
function updateMenuVisibility() {
const menuToggle = document.querySelector('.menu-toggle');
if (window.innerWidth <= 768) { // Smartphone breakpoint
menuToggle.style.display = 'flex';
} else {
menuToggle.style.display = 'none';
}
}
// Add event listeners
window.addEventListener('load', updateMenuVisibility);
window.addEventListener('resize', updateMenuVisibility);
// Animate progress bars on load // Animate progress bars on load
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {
const progressBars = document.querySelectorAll('.progress-bar'); const progressBars = document.querySelectorAll('.progress-bar');