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

sidebar icons switch if is collapsed

Browse source
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 * { #sidebar-btn * {
font-size: 14.4px !important; font-size: 14.4px !important;
font-family: "Font Awesome 5 Free";
} }
@media (min-width: 1350px){ @media (min-width: 1350px){
@ -349,6 +350,11 @@ td:hover .roll-hover {
#sidebar-btn { #sidebar-btn {
display: block; display: block;
} }
#sidebar-btn::before {
font-family: "Font Awesome 5 Free";
content: "\f0c9";
font-weight: 900;
}
#content { #content {
margin-left: 34px; margin-left: 34px;
} }
@ -364,6 +370,9 @@ td:hover .roll-hover {
#sidebar-toggle:checked ~ #sidebar-btn { #sidebar-toggle:checked ~ #sidebar-btn {
left: 243px; 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 %}"> <body class="{% block bodyclass %}{% endblock %}">
<div class="wrapper"> <div class="wrapper">
<input style="display: none" type="checkbox" id="sidebar-toggle" /> <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"> <nav id="sidebar" class="bg-primary border-right pt-4">
{% block sidebar %} {% block sidebar %}
<div class="sidebar-branding"> <div class="sidebar-branding">