Further improvements to web interface (#139)
* Implement button toolbar * Fix filters logic * Switch to btn-primary for active filters * Reduce playlist table columns on mobile * Cleanup playlist area * Reduce volume spacing * Hide items in playlist as well for mobile * Use text utility classes vs style * Filter use checkbox instead of radio * Hide library file column on mobile * Update jQuery and FontAwesome to latest
This commit is contained in:
@ -1,24 +1,22 @@
|
||||
.bs-docs-section{margin-top:4em}
|
||||
.bs-docs-section .page-header h1 { padding: 2rem 0; font-size: 3rem; margin-bottom: 10px }
|
||||
.btn-space{margin-right:5px;}
|
||||
.tag-space{margin-right:3px;}
|
||||
.playlist-title-td{width:60%}
|
||||
.playlist-title{float:left; }
|
||||
.btn-space {margin-right: 5px;}
|
||||
.tag-space {margin-right: 3px;}
|
||||
.playlist-title-td {width: 60%;}
|
||||
.playlist-title {float: left;}
|
||||
.playlist-item {transition: all 0.2s ease-in-out;}
|
||||
.playlist-artwork{
|
||||
float:left;
|
||||
margin-left:10px;
|
||||
.playlist-artwork {
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
.tag-click{
|
||||
cursor:pointer;
|
||||
.tag-click {
|
||||
cursor: pointer;
|
||||
transition: 400ms;
|
||||
}
|
||||
.tag-unclicked{
|
||||
.tag-unclicked {
|
||||
opacity: 0.6;
|
||||
}
|
||||
.tag-clicked{
|
||||
.tag-clicked {
|
||||
box-shadow: 2px 4px 10px #777777;
|
||||
transform: scale(1.2);
|
||||
opacity: 1;
|
||||
@ -43,7 +41,7 @@
|
||||
background-color: hsl(0, 0%, 43%);
|
||||
color: white;
|
||||
}
|
||||
.library-item{
|
||||
.library-item {
|
||||
display: flex;
|
||||
padding: .5rem .5rem .5rem 0;
|
||||
height: 72px;
|
||||
@ -100,11 +98,23 @@
|
||||
.library-action {
|
||||
margin-left: auto;
|
||||
}
|
||||
.library-info-col .path{
|
||||
.library-info-col .path {
|
||||
font-style: italic !important;
|
||||
font-weight: 300;
|
||||
}
|
||||
#volume-slider {
|
||||
margin-top: 8px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
.dropdown {
|
||||
display: inline-block;
|
||||
}
|
||||
@media (max-width: 399.98px) {
|
||||
#volume-slider {
|
||||
width: 80px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 329.98px) {
|
||||
#volume-slider {
|
||||
display: none;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user