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

Parsing className

Browse Source
This commit is contained in:
James Barnsley
2018-05-22 21:16:03 +12:00
parent a69c9639dd
commit e3189212b7
9 changed files with 23411 additions and 25325 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
mopidy_iris/static/app.css
View File

@ -3245,7 +3245,7 @@ input[type="submit"] {
display: inline-block;
float: none;
width: auto;
padding: 5px 5px 5px 26px;
padding: 5px 5px 5px 28px;
position: relative;
cursor: pointer; }
.field.radio input + .label:before {
@ -3263,19 +3263,21 @@ input[type="submit"] {
box-shadow: inset 0px 0px 0px 4px #222222; }
.field.checkbox input + .label:before {
font-family: "Material Icons";
font-size: 8px;
content: ' ';
color: #a3a19f;
font-size: 14px;
content: '';
color: #FFFFFF;
background: #383734;
display: inline-block;
width: 11px;
height: 11px;
padding: 3px 0 0 3px;
border: 2px solid #a3a19f;
padding: 0.2em;
height: 1.1em;
width: 1.1em;
text-align: center;
position: absolute;
top: 5px;
left: 0; }
top: 3px;
left: 0;
border-radius: 3px; }
.field.checkbox input:checked + .label:before {
content: 'check'; }
content: '\E5CA'; }
.field.range {
position: relative; }
.field.range .input-range {
@ -3484,11 +3486,11 @@ input[type="submit"] {
color: inherit;
border-bottom: 1px solid #454440 !important; }
#context-menu .liner > span button .icon,
#context-menu .liner > span button .fa,
#context-menu .liner > span button .icon,
#context-menu .liner > span .button .icon,
#context-menu .liner > span .button .icon,
#context-menu .liner > span .button .fa,
#context-menu .liner > span .dropdown-field .icon,
#context-menu .liner > span .dropdown-field .fa {
#context-menu .liner > span .dropdown-field .icon {
display: none; }
.notouch #context-menu .liner > span button:hover, .notouch
#context-menu .liner > span .button:hover, .notouch
@ -3517,7 +3519,7 @@ input[type="submit"] {
padding: 3px 5px;
border-radius: 0;
opacity: 0.6; }
#context-menu .liner > span .dropdown-field .options .option .fa {
#context-menu .liner > span .dropdown-field .options .option .icon {
display: inline-block;
position: relative;
padding-right: 5px;
@ -5163,7 +5165,7 @@ aside {
z-index: -2; }
.tiles .tile.thumbnail-wrapper:before {
display: none; }
.tiles.artist-stats .tile .content .fa {
.tiles.artist-stats .tile .content .icon {
display: block;
position: absolute;
top: 50%;
@ -5205,7 +5207,7 @@ aside {
@media (max-width: 350px) {
.tiles.artist-stats .tile .text {
font-size: 14px; }
.tiles.artist-stats .tile .text .fa {
.tiles.artist-stats .tile .text .icon {
font-size: 28px;
margin-top: -12px; } }
@ -5216,7 +5218,7 @@ aside {
position: absolute;
top: -5px;
right: 0; }
.grid-slider-wrapper .controls .fa {
.grid-slider-wrapper .controls .icon {
display: inline-block;
padding: 8px;
margin-left: 2px;
@ -5226,10 +5228,10 @@ aside {
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.grid-slider-wrapper .controls .fa[disabled] {
.grid-slider-wrapper .controls .icon[disabled] {
opacity: 0.2;
cursor: not-allowed; }
.grid-slider-wrapper .controls .fa:hover {
.grid-slider-wrapper .controls .icon:hover {
opacity: 1; }
.grid-slider-wrapper .grid-slider {
position: relative;

48656
mopidy_iris/static/app.js
View File

File diff suppressed because it is too large Load Diff

2
mopidy_iris/static/app.js.map
View File

File diff suppressed because one or more lines are too long

2
mopidy_iris/static/index.html
View File

@ -77,7 +77,7 @@
// Release details
// These are automatically injected to built HTML
var build = "1526847653";
var build = "1526978865";
var version = "3.18.0";
// Construct the script tag

2
src/js/components/Icon.js
View File

@ -22,7 +22,7 @@ export default class Icon extends React.Component{
switch (this.props.type){
case 'fontawesome':
return <FontAwesome className="icon" type="fontawesome" name={this.props.name} onClick={e => this.handleClick(e)} />;
return <FontAwesome className={className} type="fontawesome" name={this.props.name} onClick={e => this.handleClick(e)} />;
default:
className += ' material-icon';

4
src/scss/components/_context-menu.scss
View File

@ -173,7 +173,7 @@
border-bottom: 1px solid lighten($grey, 5%) !important;
.icon,
.fa {
.icon {
display: none;
}
@ -212,7 +212,7 @@
border-radius: 0;
opacity: 0.6;
.fa {
.icon {
display: inline-block;
position: relative;
padding-right: 5px;

2
src/scss/components/_grid-slider.scss
View File

@ -8,7 +8,7 @@
top: -5px;
right: 0;
.fa {
.icon {
display: inline-block;
padding: 8px;
margin-left: 2px;

4
src/scss/components/_grid.scss
View File

@ -236,7 +236,7 @@
.tile {
.content {
.fa {
.icon {
display: block;
position: absolute;
top: 50%;
@ -269,7 +269,7 @@
.tile {
.text {
font-size: 14px;
.fa {
.icon {
font-size: 28px;
margin-top: -12px;
}

22
src/scss/global/_forms.scss
View File

@ -280,7 +280,7 @@ input[type="submit"] {
display: inline-block;
float: none;
width: auto;
padding: 5px 5px 5px 26px;
padding: 5px 5px 5px 28px;
position: relative;
cursor: pointer;
}
@ -308,21 +308,23 @@ input[type="submit"] {
&.checkbox {
input + .label:before {
font-family: "Material Icons";
font-size: 8px;
content: ' ';
color: $mid_grey;
font-size: 14px;
content: '';
color: $white;
background: $grey;
display: inline-block;
width: 11px;
height: 11px;
padding: 3px 0 0 3px;
border: 2px solid $mid_grey;
padding: 0.2em;
height: 1.1em;
width: 1.1em;
text-align: center;
position: absolute;
top: 5px;
top: 3px;
left: 0;
border-radius: 3px;
}
input:checked + .label:before {
content: 'check';
content: '\e5ca';
}
}