Comments (2)
The immediate issue is "fixed" by the following patch:
Patch
commit d7c81d149eecb24416a17fc3ad94edc4a8d9a941
Author: Curtis Rueden <[email protected]>
Date: Wed Apr 14 12:18:44 2021 -0500
Move hamburger dropdown content to bottom of page
This avoids an issue where later divs take precedence over earlier divs;
see e.g. https://stackoverflow.com/a/11011083/1207769
diff --git a/_includes/footer b/_includes/footer
index b11e73621..5ec2d6231 100644
--- a/_includes/footer
+++ b/_includes/footer
@@ -7,3 +7,13 @@
<li>© ImageJ/FIJI</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</section>
+<div id="drop-menu" class="ham-drop-content">
+<a href="/">Home</a>
+<a href="/search" class="icon solid fa-search">Search</a>
+<a href="/downloads">Downloads</a>
+<a href="/learn">Learn</a>
+<a href="/develop">Develop</a>
+<a href="/news">News</a>
+<a href="/events">Events</a>
+<a href="/help">Help</a>
+</div>
diff --git a/_includes/nav-bar b/_includes/nav-bar
index 421a585a2..00bf60921 100644
--- a/_includes/nav-bar
+++ b/_includes/nav-bar
@@ -13,15 +13,5 @@
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
- <div id="drop-menu" class="ham-drop-content">
- <a href="/">Home</a>
- <a href="/search" class="icon solid fa-search">Search</a>
- <a href="/downloads">Downloads</a>
- <a href="/learn">Learn</a>
- <a href="/develop">Develop</a>
- <a href="/news">News</a>
- <a href="/events">Events</a>
- <a href="/help">Help</a>
- </div>
</div>
</div>
diff --git a/assets/css/main.css b/assets/css/main.css
index a9bfaee39..5fb3151ba 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1378,6 +1378,7 @@ input, select, textarea {
z-index: 1;
right: auto;
left: 0;
+ top: 50px;
}
.ham-drop-content a {
But the real problem is that the front page is showing a different hamburger menu than what everything else is showing. So the behavior is different. With the patch above applied, one can see that the front page shows just the (old?) abbreviated nav bar on the front page, whereas other pages show the full main menu in there. So there must be some vestigial hamburger code that needs to removed, probably in _layouts/home.html
, which is what the front page uses as its layout.
from imagej.github.io.
Addressed by 20c1974.
from imagej.github.io.
Related Issues (20)
- links on biii.eu broken HOT 1
- Automated style checks via commit hooks HOT 1
- Add navigation bar to all BigStitcher pages
- Default of ROI background correction HOT 1
- Fix formatting issues with TWS page
- Improve favicon experience across platforms
- Consider adding a citation count from Google Scholar for citations
- Use javadoc include for all javadoc links
- Search is non-functional HOT 6
- Improve github include to indicate issue status HOT 1
- Use CSS3 vars for DRYness
- OlympusImageJPlugin download link incorrect HOT 1
- Migrate defunct ImageJ User & Developer Conference content
- people/fab2506 has invalid GitHub link
- Duplicate Wiki pages HOT 2
- Front page layout has insufficient vertical space at small squarish resolutions
- Sidebar icons stop floating right with narrow widths
- Right-aligned images from img include can't exceed 50% even at narrow widths
- Document how Fiji versioning works HOT 6
- Unrecognized command:“Table Action” HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from imagej.github.io.