claudep/beesgospel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Push hamburger menu to the right

Browse source
This commit is contained in:
Claude Paroz 2025-07-08 21:20:26 +02:00
parent 58131bd4ad
commit ef0a26397f
4 changed files with 13 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

7
beesgospel/static/css/main.css
View file

@ -21,12 +21,17 @@ nav {
margin-top: 0.5em;
color: #d77070;
}
.navbar-toggler {
margin-left: auto;
}
@media only screen and (max-width : 992px) {
.nav-sep { display: none; }
.navbar-brand img { max-width: 5em; }
.hometitle { font-size: 280%; }
}
@media only screen and (max-width : 500px) {
.logo-container img { width: 70px; }
}
.alert-danger { background-color: #FFD79C; }
.main-text { max-width: 100vw; }
.red-bottom { border-bottom: 1px solid red; }

1
beesgospel/static/vendor/bootstrap.bundle.min.js vendored
View file

File diff suppressed because one or more lines are too long

1
common/settings.py
View file

@ -106,6 +106,7 @@ USE_TZ = True
# https://docs.djangoproject.com/en/5.2/howto/static-files/
STATIC_URL = "static/"
STATIC_ROOT = BASE_DIR / "static"
# Default primary key field type
# https://docs.djangoproject.com/en/5.2/ref/settings/#default-auto-field

12
templates/base.html
View file

@ -12,14 +12,14 @@
{% block header %}
<nav class="navbar navbar-expand-lg bg-dark border-bottom border-body sticky-top" data-bs-theme="dark">
<div class="container-fluid">
<div class="navbar-brand d-flex align-items-center"><a href="/">
<img src="{% static 'img/abeille.png' %}"></a>
<div class="navbar-brand d-flex align-items-center w-100">
<div class="logo-container"><a href="/"><img src="{% static 'img/abeille.png' %}"></a></div>
<div class="harlow">Gospel de l’Abeille<br>The Bee's Gospel Singers</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarColor01"
aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarColor01"
aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarColor01">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link{% if request.path == "/presentation/"%} active{% endif %}" aria-current="page" href="{% url 'presentation' %}">Présentation</a></li>