storm/bragi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix for directory filter as well as some improvements (#147)

Browse Source 
* Update for efficacy

* Fix some styling in js

* Remove outer library card

* Fix for directory filter

* Use bootstrap spacing utilities for button spacing

* Update button activation logic

* Readd responsiveness to playlist button toolbar

* Remove pymumble folder
This commit is contained in:
Tyler Vigario
2020-05-11 21:54:00 -07:00
committed by GitHub
parent 03da8fe20d
commit 4f2dcf0620
4 changed files with 259 additions and 245 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
static/css/custom.css
View File

@ -1,7 +1,6 @@
.btn-space {margin-right: 5px;}
.tag-space {margin-right: 3px;}
.playlist-title-td {width: 60%;}
.playlist-title {float: left;}
/* Playlist */
.playlist-item {transition: all 0.2s ease-in-out;}
.playlist-artwork {
float: left;
@ -9,6 +8,33 @@
white-space: nowrap;
overflow: hidden;
}
#volume-slider {
margin-top: 8px;
width: 200px;
}
@media (max-width: 509.98px) {
#volume-slider {
width: 140px;
}
}
@media (max-width: 439.98px) {
#volume-slider {
width: 100px;
}
}
@media (max-width: 404.98px) {
#volume-slider {
width: 80px;
}
}
@media (max-width: 384.98px) {
#volume-slider {
display: none;
}
}
/* Library */
.tag-space {margin-right: 3px;}
.tag-click {
cursor: pointer;
transition: 400ms;
@ -22,25 +48,6 @@
opacity: 1;
margin: 5px;
}
.floating-button {
width: 50px;
height: 50px;
background-color: #aaaaaa40;
border-radius: 50%;
box-shadow: 0 6px 10px 0 #66666647;
transition: all 0.1s ease-in-out;
font-size: 25px;
color: #9896967a;
text-align: center;
line-height: 52px;
position: fixed;
right: 50px;
bottom: 40px;
}
.floating-button:hover {
background-color: hsl(0, 0%, 43%);
color: white;
}
.library-item {
display: flex;
padding: .5rem .5rem .5rem 0;
@ -102,19 +109,24 @@
font-style: italic !important;
font-weight: 300;
}
#volume-slider {
margin-top: 8px;
/* Theme changer */
.floating-button {
width: 50px;
height: 50px;
background-color: #aaaaaa40;
border-radius: 50%;
box-shadow: 0 6px 10px 0 #66666647;
transition: all 0.1s ease-in-out;
font-size: 25px;
color: #9896967a;
text-align: center;
line-height: 52px;
position: fixed;
right: 50px;
bottom: 40px;
}
.dropdown {
display: inline-block;
}
@media (max-width: 399.98px) {
#volume-slider {
width: 80px;
}
}
@media (max-width: 329.98px) {
#volume-slider {
display: none;
}
.floating-button:hover {
background-color: hsl(0, 0%, 43%);
color: white;
}