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

No need for serverside broadlink API - use ajax config; Power button style

Browse Source
This commit is contained in:
James Barnsley
2018-09-28 21:29:09 +12:00
parent c147730579
commit 96359e0b42
14 changed files with 10695 additions and 14011 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/scss/components/_output-control.scss
View File

@ -46,15 +46,15 @@
}
&__item {
padding: 16px 20px 12px;
padding: 12px 18px 8px;
position: relative;
&:not(:first-child) {
border-top: 1px solid rgba(0,0,0,0.05);
}
&__name {
padding-bottom: 5px;
&--has-power-button {
padding-left: 56px;
}
&__actions {
@ -71,42 +71,47 @@
}
}
&__details {
display: block;
position: relative;
padding-left: 50px;
}
&__power {
@include click_feedback(rgba(0,0,0,0.5));
position: absolute !important;
top: -2px;
left: -2px;
width: 18px;
height: 10px;
border-radius: 50%;
padding: 2px 0 6px 0;
font-size: 10px;
top: 12px;
left: 12px;
width: 30px;
height: 30px;
text-align: center;
color: $white;
background: $faint_grey;
cursor: pointer;
&--on {
color: $red;
.icon {
padding-top: 10px;
font-size: 16px;
}
&--off {
color: $green;
&:before {
content: '';
display: block;
position: absolute;
top: 3px;
left: 0;
width: 100%;
padding-bottom: 100%;
background: $red;
z-index: -1;
border-radius: 50%;
opacity: 1;
}
}
&__volume {
position: relative;
padding-left: 22px;
display: block;
.mute-control {
@include click_feedback(rgba(0,0,0,0.5));
position: absolute !important;
top: -2px;
left: 24px;
left: -2px;
padding: 2px;
color: $black;
}