pangea-user
/
musician
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

sidebar icons switch if is collapsed

This commit is contained in:
KryptoPX 2022-01-28 22:36:29 +00:00
parent a7d025fc01
commit 7d799092cd
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
musician/static/musician/css/default.css
View File

@ -329,6 +329,7 @@ td:hover .roll-hover {
#sidebar-btn * {
font-size: 14.4px !important;
font-family: "Font Awesome 5 Free";
}
@media (min-width: 1350px){
@ -349,6 +350,11 @@ td:hover .roll-hover {
#sidebar-btn {
display: block;
}
#sidebar-btn::before {
font-family: "Font Awesome 5 Free";
content: "\f0c9";
font-weight: 900;
}
#content {
margin-left: 34px;
}
@ -364,6 +370,9 @@ td:hover .roll-hover {
#sidebar-toggle:checked ~ #sidebar-btn {
left: 243px;
}
#sidebar-toggle:checked ~ #sidebar-btn::before {
content: "\f00d";
}
}

2
musician/templates/musician/base.html
View File

@ -34,7 +34,7 @@
<body class="{% block bodyclass %}{% endblock %}">
<div class="wrapper">
<input style="display: none" type="checkbox" id="sidebar-toggle" />
<label type="button" for="sidebar-toggle" id="sidebar-btn" class="btn btn-primary fixed-top"><i class="fas fa-bars"></i></label>
<label type="button" for="sidebar-toggle" id="sidebar-btn" class="btn btn-primary fixed-top"></label>
<nav id="sidebar" class="bg-primary border-right pt-4">
{% block sidebar %}
<div class="sidebar-branding">