secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Snapcast UI

Browse Source
This commit is contained in:
James Barnsley
2018-09-24 21:37:59 +12:00
parent 06f8ee9060
commit 69ce3d71a4
15 changed files with 11206 additions and 14352 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/scss/components/_lists.scss
View File

@ -1,6 +1,6 @@
.list {
.list-item {
&__item {
@include clearfix;
-webkit-touch-callout: none;
-webkit-user-select: none;
@ -102,7 +102,7 @@
}
&.track-list {
.list-item {
.list__item {
cursor: pointer;
.col {
@ -159,7 +159,7 @@
}
&.playlist-list {
.list-item {
.list__item {
cursor: pointer;
.col {
@ -180,7 +180,7 @@
}
&.album-list {
.list-item {
.list__item {
cursor: pointer;
.col {
@ -200,7 +200,7 @@
}
&.library-local-album-list {
.list-item {
.list__item {
cursor: pointer;
.col {
@ -216,7 +216,7 @@
}
&.artist-list {
.list-item {
.list__item {
cursor: pointer;
.col {
@ -236,7 +236,7 @@
&.queue-track-list {
cursor: pointer;
.list-item {
.list__item {
padding-right: 60px;
.col {
&.name,
@ -270,7 +270,7 @@
}
&.queue-history-track-list {
.list-item {
.list__item {
cursor: pointer;
.col {
@ -321,14 +321,14 @@
&.library-local-view,
&.library-local-directory-list {
.list-item {
.list__item {
cursor: pointer;
}
}
@include responsive($bp_medium){
.list-item {
.list__item {
padding: 12px !important;
.source {
@ -395,7 +395,7 @@
}
&.queue-track-list {
.list-item {
.list__item {
.artists {
padding-left: 0 !important;
@ -435,7 +435,7 @@
}
&.queue-history-track-list {
.list-item {
.list__item {
.source {
display: none !important;
}
@ -443,7 +443,7 @@
}
&.track-list {
.list-item {
.list__item {
&.can-sort {
padding-left: 40px !important;
}
@ -451,7 +451,7 @@
}
&.album-list {
.list-item {
.list__item {
.col {
&.added_at,
&.source {
@ -466,7 +466,7 @@
}
&.playlist-list {
.list-item {
.list__item {
.col {
&.can_edit,
&.source {

88
src/scss/components/_snapcast.scss
View File

@ -44,12 +44,58 @@
&__client {
@include clearfix();
border: 0;
padding: 0;
clear: both;
position: relative;
padding: 14px 10px;
&:not(:first-child){
padding-top: 8px;
&--disconnected {
opacity: 0.5;
}
&--expanded {
.snapcast__client__name {
margin-top: -10px;
margin-right: 30px;
margin-left: -14px;
margin-bottom: 20px;
}
}
&__name {
margin-right: 40px;
padding-right: 50px;
position: relative;
display: block;
box-sizing: border-box;
border: 0;
input {
width: 100%;
padding-right: 30px;
}
}
&__expander {
position: absolute;
top: 0;
right: 0;
padding: 14px;
cursor: pointer;
z-index: 2;
}
&__group-field {
position: absolute;
top: -2px;
right: -2px;
.icon {
padding-right: 0;
}
}
&__volume {
width: 49%;
float: left;
}
&__volume-control {
@ -71,37 +117,11 @@
}
}
&__name {
width: 40%;
padding-bottom: 4px;
position: relative;
display: block;
box-sizing: border-box;
border: 0;
input {
width: 100%;
padding-right: 30px;
}
}
&__group-dropdown-field {
float: right;
margin-bottom: -3.2rem;
.icon {
padding-right: 0;
}
}
&__volume {
width: 28%;
padding-left: 2%;
}
&__latency {
width: 28%;
@include clearfix();
width: 49%;
padding-left: 2%;
float: left;
input[type="number"] {
width: 20%;