augustin64/partitioncloud-server
1
1
Fork 0
mirror of https://github.com/partitioncloud/partitioncloud-server.git synced 2025-01-23 09:16:25 +01:00
Code Issues Packages Projects Releases Wiki Activity

Ajout d'un menu dropdown

Browse Source
This commit is contained in:
augustin64 2022-08-30 21:39:02 +02:00
parent e40a344e2b
commit 1c7e272f91
2 changed files with 68 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
partitioncloud/static/style.css
View File

@ -181,6 +181,7 @@ input[type=submit] {
#header-actions {
margin-bottom: 5px;
display: inherit;
}
#cancel-deletion {
@ -225,4 +226,54 @@ input[type=submit] {
#users-list {
display: flex;
margin-right: 15px;
margin-top: 1px;
}
.dropbtn {
width: 30px;
height: 30px;
background-image: radial-gradient(circle, #373737 2px, lightgray 3px);
background-size: 100% 33.33%;
border: none;
border-radius: 3px;
}
.dropdown {
position: relative;
float: right;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
border-radius: 5px;
transform: translate(-130px);
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {
background-color: #ddd;
border-radius: 5px;
}
.dropdown:hover .dropdown-content {
display: block;
border-radius: 5px;
}
#delete-album {
background-color: #c61918;
border-radius: 5px;
color: whitesmoke;
}

36
partitioncloud/templates/albums/album.html
View File

@ -12,25 +12,23 @@
</div>
{% endfor %}
</div>
{% if user.access_level == 1 %}
<a class="button-href" href="/albums/{{ album.uuid }}/delete">
<button id="delete-album">Supprimer</button>
</a>
{% endif %}
{% if not_participant %}
<a class="button-href" href="/albums/{{ album.uuid }}/join">
<button id="join-album">Rejoindre</button>
</a>
{% else %}
<a class="button-href" href="/albums/{{ album.uuid }}/quit">
<button id="quit-album">Quitter</button>
</a>
{% endif %}
{% if g.user %}
<a class="button-href" href="/albums/{{ album.uuid }}/add-partition">
<button id="add-partition">Ajouter une partition</button>
</a>
{% endif %}
<div class="dropdown">
<button class="dropbtn"></button>
<div class="dropdown-content">
{% if g.user %}
<a href="/albums/{{ album.uuid }}/add-partition">Ajouter une partition</a>
{% endif %}
{% if not_participant %}
<a href="/albums/{{ album.uuid }}/join">Rejoindre</a>
{% else %}
<a href="/albums/{{ album.uuid }}/quit">Quitter</a>
{% endif %}
{% if user.access_level == 1 %}
<a id="delete-album" href="/albums/{{ album.uuid }}/delete">Supprimer</a>
{% endif %}
</div>
</div>
{% endblock %}
{% block content %}