Updating edit radio modal; Cleaner loading spinner; Buttons in header
This commit is contained in:
@ -7,6 +7,7 @@
|
||||
display: inline-block;
|
||||
|
||||
.label {
|
||||
@include animate();
|
||||
padding: 14px 10px;
|
||||
cursor: pointer;
|
||||
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user