Updating edit radio modal; Cleaner loading spinner; Buttons in header

This commit is contained in:
James Barnsley
2017-07-14 08:47:02 +12:00
parent e6ac587835
commit 043bdaa4e5
8 changed files with 76 additions and 25 deletions

View File

@ -7,6 +7,7 @@
display: inline-block;
.label {
@include animate();
padding: 14px 10px;
cursor: pointer;

View File

@ -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;
}
}
}

View File

@ -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;
}
}
}
}