status-by-design
The reputation graph is wrapped in a div
that gets hidden via a media query matching the lg:d-none
(if you want to learn about what it means, see the Stacks docs on responsiveness) class:
<div class="flex--item ps-relative lg:d-none"></div>
And here is the media query that applies display: none
rule to the wrapper:
@media (max-width: 1264px)
html.html__responsive:not(.html__unpinned-leftnav) .lg\:d-none {
display: none !important;
}
Note that the query only matches if you do not have the "Hide left navigation" setting enabled (the :not(.html__unpinned-leftnav)
pseudo-class). If you enable it, the graph will stay visible until the second media query matches (its selector explicitly requires the setting to be enabled via the .html__unpinned-leftnav
):
@media (max-width: 1100px)
html.html__responsive.html__unpinned-leftnav .lg\:d-none {
display: none !important;
}
Whether the graph should be hidden on smaller viewports is debatable, but in the meantime, if you want to get the graph back, just remove the lg:d-none
from the wrapper <div>
element, and lo and behold, here it is in all its glory:
