Skip to content

Commit de6d8b2

Browse files
larseggertrjsparks
larseggert
and
rjsparks
authored
fix: Prevent righthand-nav from overlapping the footer on short screens (ietf-tools#3980)
Co-authored-by: Robert Sparks <rjsparks@nostrum.com>
1 parent de7ff7e commit de6d8b2

2 files changed

Lines changed: 44 additions & 43 deletions

File tree

‎ietf/static/css/ietf.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -171,6 +171,7 @@ table tbody.meta {
171171
// Style the righthand navigation panel
172172
#righthand-panel {
173173
max-height: 80vh;
174+
z-index: -1;
174175
}
175176

176177
#righthand-nav {

‎ietf/templates/base.html‎

Lines changed: 43 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -110,51 +110,51 @@
110110
{% block content_end %}{% endblock %}
111111
</div>
112112
</div>
113-
<hr>
114-
{% block footer %}
115-
<footer class="col-md-12 col-sm-12 text-center">
116-
<a href="https://www.ietf.org/" class="p-3">IETF</a>
117-
<a href="https://www.ietf.org/iesg/" class="p-3">IESG</a>
118-
<a href="https://www.iab.org/" class="p-3">IAB</a>
119-
<a href="https://www.irtf.org/" class="p-3">IRTF</a>
120-
<a href="https://www.ietf.org/llc/" class="p-3">IETF&nbsp;LLC</a>
121-
<a href="https://trustee.ietf.org/" class="p-3">IETF&nbsp;Trust</a>
122-
<a href="https://www.rfc-editor.org/" class="p-3">RFC&nbsp;Editor</a>
123-
<a href="https://www.iana.org/" class="p-3">IANA</a>
124-
<a href="https://www.ietf.org/privacy-statement/" class="p-3">Privacy&nbsp;Statement</a>
125-
<div class="small text-muted py-3">
126-
{% if version_num %}
127-
<a class="mx-2" href="/release/about">About IETF Datatracker</a>
128-
<span class="mx-2">
129-
{% if server_mode and server_mode == "production" %}
130-
<a href="https://github.com/ietf-tools/datatracker/releases/tag/{{version_num}}">
131-
{% endif %}
132-
Version {{ version_num }}{% if patch %}{{patch}}{% endif %}
133-
{% if branch %}({{ branch }} - {{ git_hash|slice:":7" }}){% endif %}
134-
{% if server_mode and server_mode == "production" %}
135-
</a>
136-
{% endif %}
137-
</span>
138-
{% endif %}
139-
<span class="mx-2 text-danger">
140-
<i class="bi bi-bug"></i>
141-
Report a bug:
142-
<a class="text-reset" href="https://github.com/ietf-tools/datatracker/issues/new/choose">GitHub</a>
143-
{% if bugreport_email %}
144-
<a class="text-reset" href="mailto:{{ bugreport_email }}">Email</a>
113+
</div>
114+
{% block footer %}
115+
<footer class="col-md-12 col-sm-12 bg-white text-center">
116+
<hr class="mx-3">
117+
<a href="https://www.ietf.org/" class="p-3">IETF</a>
118+
<a href="https://www.ietf.org/iesg/" class="p-3">IESG</a>
119+
<a href="https://www.iab.org/" class="p-3">IAB</a>
120+
<a href="https://www.irtf.org/" class="p-3">IRTF</a>
121+
<a href="https://www.ietf.org/llc/" class="p-3 text-nowrap">IETF LLC</a>
122+
<a href="https://trustee.ietf.org/" class="p-3 text-nowrap">IETF Trust</a>
123+
<a href="https://www.rfc-editor.org/" class="p-3 text-nowrap">RFC Editor</a>
124+
<a href="https://www.iana.org/" class="p-3">IANA</a>
125+
<a href="https://www.ietf.org/privacy-statement/" class="p-3 text-nowrap">Privacy Statement</a>
126+
<div class="small text-muted py-3">
127+
{% if version_num %}
128+
<a class="mx-2" href="/release/about">About IETF Datatracker</a>
129+
<span class="mx-2">
130+
{% if server_mode and server_mode == "production" %}
131+
<a href="https://github.com/ietf-tools/datatracker/releases/tag/{{version_num}}">
132+
{% endif %}
133+
Version {{ version_num }}{% if patch %}{{patch}}{% endif %}
134+
{% if branch %}({{ branch }} - {{ git_hash|slice:":7" }}){% endif %}
135+
{% if server_mode and server_mode == "production" %}
136+
</a>
145137
{% endif %}
146138
</span>
147-
{% if server_mode and server_mode != "production" %}
148-
<br>
149-
{% if python_version %}Python {{ python_version }}{% endif %}
150-
{% if django_version %}Django {{ django_version }}{% endif %}
151-
<br>
152-
{% include "debug.html" %}
139+
{% endif %}
140+
<span class="mx-2 text-danger">
141+
<i class="bi bi-bug"></i>
142+
Report a bug:
143+
<a class="text-reset" href="https://github.com/ietf-tools/datatracker/issues/new/choose">GitHub</a>
144+
{% if bugreport_email %}
145+
<a class="text-reset" href="mailto:{{ bugreport_email }}">Email</a>
153146
{% endif %}
154-
</div>
155-
</footer>
156-
{% endblock %}
157-
</div>
147+
</span>
148+
{% if server_mode and server_mode != "production" %}
149+
<br>
150+
{% if python_version %}Python {{ python_version }}{% endif %}
151+
{% if django_version %}Django {{ django_version }}{% endif %}
152+
<br>
153+
{% include "debug.html" %}
154+
{% endif %}
155+
</div>
156+
</footer>
157+
{% endblock %}
158158
{% block js %}
159159
{% endblock %}
160160
<script src="{% static 'ietf/js/select2.js' %}"></script>
@@ -163,6 +163,6 @@
163163
window.location.href = e.params.data.url;
164164
});
165165
</script>
166-
{% analytical_body_bottom %}
166+
{% analytical_body_bottom %}
167167
</body>
168168
</html>

0 commit comments

Comments
 (0)