prettier
parent
9194d6c496
commit
ffbdfbd1e6
|
|
@ -159,7 +159,7 @@ span.lineno a {
|
|||
#page-nav-toggle {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
#page-nav {
|
||||
position: relative !important;
|
||||
width: 250px !important;
|
||||
|
|
@ -175,17 +175,17 @@ span.lineno a {
|
|||
body {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
|
||||
/* Make navigation tree collapsible on mobile */
|
||||
#side-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
#doc-content {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
/* Make right sidebar (page-nav) overlay on mobile */
|
||||
#page-nav {
|
||||
position: fixed !important;
|
||||
|
|
@ -200,11 +200,11 @@ span.lineno a {
|
|||
overflow-y: auto !important;
|
||||
-webkit-overflow-scrolling: touch !important;
|
||||
}
|
||||
|
||||
|
||||
#page-nav.mobile-open {
|
||||
right: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
/* Hamburger menu button for page nav */
|
||||
#page-nav-toggle {
|
||||
display: block !important;
|
||||
|
|
@ -221,7 +221,7 @@ span.lineno a {
|
|||
padding: 8px !important;
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) !important;
|
||||
}
|
||||
|
||||
|
||||
#page-nav-toggle span {
|
||||
display: block !important;
|
||||
width: 24px !important;
|
||||
|
|
@ -231,7 +231,7 @@ span.lineno a {
|
|||
border-radius: 2px !important;
|
||||
transition: 0.3s !important;
|
||||
}
|
||||
|
||||
|
||||
/* Mobile overlay backdrop */
|
||||
#page-nav-backdrop {
|
||||
display: none !important;
|
||||
|
|
@ -243,29 +243,29 @@ span.lineno a {
|
|||
background: rgba(0, 0, 0, 0.5) !important;
|
||||
z-index: 9999 !important;
|
||||
}
|
||||
|
||||
|
||||
#page-nav-backdrop.active {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
|
||||
/* Improve header and navigation */
|
||||
#top {
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
|
||||
#titlearea {
|
||||
padding: 10px !important;
|
||||
}
|
||||
|
||||
|
||||
#projectname {
|
||||
font-size: 18px !important;
|
||||
}
|
||||
|
||||
|
||||
#projectbrief,
|
||||
#projectnumber {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
|
||||
/* Make tabs stack better on mobile */
|
||||
#navrow1,
|
||||
#navrow2,
|
||||
|
|
@ -275,33 +275,33 @@ span.lineno a {
|
|||
white-space: nowrap !important;
|
||||
-webkit-overflow-scrolling: touch !important;
|
||||
}
|
||||
|
||||
|
||||
.tablist li {
|
||||
display: inline-block !important;
|
||||
}
|
||||
|
||||
|
||||
/* Content adjustments */
|
||||
.contents {
|
||||
padding: 10px !important;
|
||||
width: 100% !important;
|
||||
box-sizing: border-box !important;
|
||||
}
|
||||
|
||||
|
||||
.header {
|
||||
padding: 5px !important;
|
||||
}
|
||||
|
||||
|
||||
/* Code blocks */
|
||||
.fragment {
|
||||
font-size: 12px !important;
|
||||
overflow-x: auto !important;
|
||||
-webkit-overflow-scrolling: touch !important;
|
||||
}
|
||||
|
||||
|
||||
div.line {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
|
||||
/* Tables */
|
||||
table {
|
||||
display: block !important;
|
||||
|
|
@ -309,52 +309,65 @@ span.lineno a {
|
|||
-webkit-overflow-scrolling: touch !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
|
||||
.memberdecls table,
|
||||
.fieldtable {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
|
||||
.memtitle {
|
||||
font-size: 14px !important;
|
||||
padding: 8px !important;
|
||||
}
|
||||
|
||||
|
||||
.memname {
|
||||
font-size: 13px !important;
|
||||
word-break: break-word !important;
|
||||
}
|
||||
|
||||
|
||||
.memitem {
|
||||
margin: 5px 0 !important;
|
||||
}
|
||||
|
||||
|
||||
/* Search box */
|
||||
#MSearchBox {
|
||||
width: 100% !important;
|
||||
right: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
/* Reduce padding and margins */
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
margin-top: 10px !important;
|
||||
margin-bottom: 8px !important;
|
||||
}
|
||||
|
||||
h1 { font-size: 22px !important; }
|
||||
h2 { font-size: 18px !important; }
|
||||
h3 { font-size: 16px !important; }
|
||||
h4 { font-size: 14px !important; }
|
||||
|
||||
|
||||
h1 {
|
||||
font-size: 22px !important;
|
||||
}
|
||||
h2 {
|
||||
font-size: 18px !important;
|
||||
}
|
||||
h3 {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
h4 {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
/* Directory/file listings */
|
||||
.directory .levels span {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
.directory .arrow {
|
||||
margin-right: 5px !important;
|
||||
}
|
||||
|
||||
|
||||
/* Treeview adjustments */
|
||||
#nav-tree {
|
||||
width: 100% !important;
|
||||
|
|
@ -366,11 +379,11 @@ span.lineno a {
|
|||
.contents {
|
||||
padding: 15px !important;
|
||||
}
|
||||
|
||||
|
||||
#side-nav {
|
||||
width: 200px !important;
|
||||
}
|
||||
|
||||
|
||||
#doc-content {
|
||||
margin-left: 200px !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
* Mobile navigation toggle for Doxygen documentation
|
||||
*/
|
||||
|
||||
(function() {
|
||||
(function () {
|
||||
// Only run on mobile devices
|
||||
function isMobile() {
|
||||
return window.innerWidth <= 767;
|
||||
|
|
@ -10,56 +10,56 @@
|
|||
|
||||
function initMobileNav() {
|
||||
if (!isMobile()) return;
|
||||
|
||||
const pageNav = document.getElementById('page-nav');
|
||||
|
||||
const pageNav = document.getElementById("page-nav");
|
||||
if (!pageNav) return;
|
||||
|
||||
// Create toggle button
|
||||
const toggleBtn = document.createElement('button');
|
||||
toggleBtn.id = 'page-nav-toggle';
|
||||
toggleBtn.setAttribute('aria-label', 'Toggle page navigation');
|
||||
toggleBtn.innerHTML = '<span></span><span></span><span></span>';
|
||||
const toggleBtn = document.createElement("button");
|
||||
toggleBtn.id = "page-nav-toggle";
|
||||
toggleBtn.setAttribute("aria-label", "Toggle page navigation");
|
||||
toggleBtn.innerHTML = "<span></span><span></span><span></span>";
|
||||
document.body.appendChild(toggleBtn);
|
||||
|
||||
// Create backdrop
|
||||
const backdrop = document.createElement('div');
|
||||
backdrop.id = 'page-nav-backdrop';
|
||||
const backdrop = document.createElement("div");
|
||||
backdrop.id = "page-nav-backdrop";
|
||||
document.body.appendChild(backdrop);
|
||||
|
||||
// Toggle function
|
||||
function toggleNav() {
|
||||
const isOpen = pageNav.classList.toggle('mobile-open');
|
||||
backdrop.classList.toggle('active', isOpen);
|
||||
document.body.style.overflow = isOpen ? 'hidden' : '';
|
||||
const isOpen = pageNav.classList.toggle("mobile-open");
|
||||
backdrop.classList.toggle("active", isOpen);
|
||||
document.body.style.overflow = isOpen ? "hidden" : "";
|
||||
}
|
||||
|
||||
// Event listeners
|
||||
toggleBtn.addEventListener('click', toggleNav);
|
||||
backdrop.addEventListener('click', toggleNav);
|
||||
toggleBtn.addEventListener("click", toggleNav);
|
||||
backdrop.addEventListener("click", toggleNav);
|
||||
|
||||
// Close on escape key
|
||||
document.addEventListener('keydown', function(e) {
|
||||
if (e.key === 'Escape' && pageNav.classList.contains('mobile-open')) {
|
||||
document.addEventListener("keydown", function (e) {
|
||||
if (e.key === "Escape" && pageNav.classList.contains("mobile-open")) {
|
||||
toggleNav();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Initialize on load and resize
|
||||
if (document.readyState === 'loading') {
|
||||
document.addEventListener('DOMContentLoaded', initMobileNav);
|
||||
if (document.readyState === "loading") {
|
||||
document.addEventListener("DOMContentLoaded", initMobileNav);
|
||||
} else {
|
||||
initMobileNav();
|
||||
}
|
||||
|
||||
window.addEventListener('resize', function() {
|
||||
const pageNav = document.getElementById('page-nav');
|
||||
const backdrop = document.getElementById('page-nav-backdrop');
|
||||
|
||||
window.addEventListener("resize", function () {
|
||||
const pageNav = document.getElementById("page-nav");
|
||||
const backdrop = document.getElementById("page-nav-backdrop");
|
||||
|
||||
if (!isMobile() && pageNav) {
|
||||
pageNav.classList.remove('mobile-open');
|
||||
if (backdrop) backdrop.classList.remove('active');
|
||||
document.body.style.overflow = '';
|
||||
pageNav.classList.remove("mobile-open");
|
||||
if (backdrop) backdrop.classList.remove("active");
|
||||
document.body.style.overflow = "";
|
||||
}
|
||||
});
|
||||
})();
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue