diff --git a/src/js/components/Modal/EditRadioModal.js b/src/js/components/Modal/EditRadioModal.js index 4dd5054f..19ace440 100755 --- a/src/js/components/Modal/EditRadioModal.js +++ b/src/js/components/Modal/EditRadioModal.js @@ -120,7 +120,7 @@ export default class EditRadioModal extends React.Component{
{seed.unresolved ? {seed.uri} : {seed.name} }  ({seed.type}) -
@@ -151,18 +151,20 @@ export default class EditRadioModal extends React.Component{
{this.renderSeeds()} -
+
+ URI(s) this.setState({uri: e.target.value, error_message: null})} value={this.state.uri} /> - {this.state.error_message ? {this.state.error_message} : null}
+ +
{this.state.enabled ? : null} {this.state.enabled ? : } diff --git a/src/js/views/Queue.js b/src/js/views/Queue.js index ed073e3d..dc72422d 100755 --- a/src/js/views/Queue.js +++ b/src/js/views/Queue.js @@ -88,20 +88,20 @@ class Queue extends React.Component{ render(){ var options = ( - - - - diff --git a/src/js/views/User.js b/src/js/views/User.js index 67f597e0..59d4087c 100755 --- a/src/js/views/User.js +++ b/src/js/views/User.js @@ -89,7 +89,7 @@ class User extends React.Component{
- +
diff --git a/src/js/views/library/LibraryPlaylists.js b/src/js/views/library/LibraryPlaylists.js index 4c9503c9..06e90864 100755 --- a/src/js/views/library/LibraryPlaylists.js +++ b/src/js/views/library/LibraryPlaylists.js @@ -187,7 +187,7 @@ class LibraryPlaylists extends React.Component{ {this.props.uiActions.set({ library_playlists_filter: val}); this.props.uiActions.hideContextMenu() }} /> {this.setSort(val); this.props.uiActions.hideContextMenu() }} /> {this.props.uiActions.set({ library_playlists_view: val}); this.props.uiActions.hideContextMenu() }} /> - diff --git a/src/scss/components/_dropdown-field.scss b/src/scss/components/_dropdown-field.scss index 45194729..3b95ad88 100755 --- a/src/scss/components/_dropdown-field.scss +++ b/src/scss/components/_dropdown-field.scss @@ -7,6 +7,7 @@ display: inline-block; .label { + @include animate(); padding: 14px 10px; cursor: pointer; diff --git a/src/scss/components/_loader.scss b/src/scss/components/_loader.scss index 97af7870..3fc4e20a 100755 --- a/src/scss/components/_loader.scss +++ b/src/scss/components/_loader.scss @@ -1,22 +1,52 @@ .body-loader { - padding: 50px 0; + padding: 35vh 0; .loader { - @include spin(); + height: 120px; + width: 120px; margin: 0 auto; - width: 30px; - height: 30px; - border: { - radius: 100%; - style: solid; - color: $mid_grey; - width: 2px; + position: relative; + + &:before, + &:after { + content: ''; + display: block; + margin: 0 auto; + width: 100%; + height: 100%; + box-sizing: border-box; + border: { + radius: 100%; + style: solid; + width: 2px; + } + } + + &:before { + position: absolute; + top: 0; + left: 0; + border: { + color: $light_grey; + } + } + + &:after { + @include spin(); + border-top-color: transparent; + border-left-color: transparent; + border-bottom-color: transparent; + border-right-color: $mid_grey; } - border-top-color: transparent; } &.lazy-loader { padding: 20px 0 40px; + + .loader { + height: 40px; + width: 40px; + } } } \ No newline at end of file diff --git a/src/scss/components/_modal.scss b/src/scss/components/_modal.scss index f1869a56..f7850305 100755 --- a/src/scss/components/_modal.scss +++ b/src/scss/components/_modal.scss @@ -98,13 +98,15 @@ @include clearfix(); .list-item { + @include animate(); box-sizing: border-box; display: block; - padding: 16px 18px; + padding: 14px 12px; position: relative; border: 0; border-radius: 3px; - padding: 5px; + margin-left: -12px; + margin-right: -12px; .source { position: absolute; @@ -118,8 +120,11 @@ } &.playlists { + padding-top: 40px; + .list-item { margin: 0 0 20px 0; + padding: 5px; .thumbnail { float: left; @@ -173,12 +178,25 @@ button.add-uri, button.remove-uri { position: absolute; - top: 3px; + top: 5px; right: 0; - padding: 14px; + padding: 8px; margin: 0; min-width: 0; color: #FFFFFF; + background: transparent; + + &:before { + display: none !important; + } + + &:hover { + color: $turquoise; + + &.remove-uri { + color: $red; + } + } } } diff --git a/src/scss/global/_forms.scss b/src/scss/global/_forms.scss index 67c12c3d..932d9bc9 100755 --- a/src/scss/global/_forms.scss +++ b/src/scss/global/_forms.scss @@ -59,7 +59,7 @@ input[type="submit"] { border: 0 !important; cursor: pointer; - .notouch &:hover{ + .notouch &:not(.no-hover):hover { box-shadow: 1px 2px 6px rgba(0,0,0,0.2); &:before {