Comments (6)
@tleb suggested to remove this from http/banner.css:
header.header {
position: relative !important;
}
However, it doesn't work for me, unless I zoom out several times.
from elixir.
Good URL to reproduce the issue: https://elixir.bootlin.com/linux/v2.6.20.7/source/arch/arm26/ACKNOWLEDGEMENTS
Cannot reproduce on the official instance now that the line in comment #276 (comment) is removed. Both Firefox and Chromium.
I believe the issue is wider than that. Eg see the sidebar that scroll once a viewport width is passed. A proper solution would be to rearrange the HTML. Currently when we scroll horizontally everything is scrolling. We therefore have to make sticky everything that shouldn't scroll (ie everything but the code block).
A better solution would be to make only the code block overflow and handle scrolling at that level. That way there is no issue with the positions of all other blocks in the page.
Sidebar issue. It starts scrolling once we scrolled more than one horizontal viewport.
from elixir.
Thanks for your investigations! By the way, I reverted the change you suggested on https://elixir.bootlin.com, as it wasn't working for a few of us.
from elixir.
Another case: https://elixir.bootlin.com/linux/latest/source/Documentation/networking/tls-offload-reorder-bad.svg
This happens, because the main element that contains the sidebar and the code is less wide than the longest line of the code (div with the code overflows). The horizontal scrollbar scrolls the whole document, and when the main element is scrolled out of the viewport, it also takes away the sidebar, because the sidebar is contained within.
A quick solution is to make sure that the main element is as wide as the code, and this can be done by setting the width
property of the main element to max-content
.
A proper solution would be to rearrange the HTML. Currently when we scroll horizontally everything is scrolling. We therefore have to make sticky everything that shouldn't scroll (ie everything but the code block).
I agree. Is the horizontal scrollbar supposed to be as wide as the viewport?
from elixir.
A quick solution is to make sure that the main element is as wide as the code, and this can be done by setting the
width
property of the main element tomax-content
.
I do not think we need to consider a quick and dirty solution. It has been this way since forever. It would take time to develop and test a half-baked solution when we know what the proper should be.
[...] Is the horizontal scrollbar supposed to be as wide as the viewport?
I do not believe it makes sense. We are scrolling file content; scrollbar should be reflecting that.
from elixir.
In the meantime, I merged @fstachura 's solution:
a1bff7a
from elixir.
Related Issues (20)
- Inline reference preview/lists are broken HOT 12
- adding Apache NuttX RTOS
- Elixir Linux Kernel: powerpc version of __WARN_FLAGS() is not seen as a macro HOT 4
- Improve indexing of Zephyr
- Improve devicetree file navigation HOT 6
- Android kernel & bionic on elixir.bootlin.com HOT 1
- Add systemd source code HOT 1
- script.sh: Can't find repository HOT 3
- Ability to get raw file HOT 3
- Improve indexing performance (`update.py`) HOT 3
- Move from bsddb3 to berkeleydb HOT 1
- Comments in assembler files for some architectures are indexed as identifiers HOT 3
- Inconsistent number of references if update job is ran for multiple tags at once HOT 5
- Searching for an ident with slash gives blank page
- Searching for filepath could redirect to this path
- cgi and cgitb dependencies are deprecated HOT 1
- Avoid using Perl
- Git submodules are visible in source tree, but are not valid links HOT 1
- Symlinks redirect to invalid paths HOT 2
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 elixir.