Nicer dragging feedback

This commit is contained in:
James Barnsley
2019-04-17 10:53:09 +12:00
parent 5dc082e36d
commit e2a51c4e43
9 changed files with 545 additions and 584 deletions

View File

@ -37,6 +37,7 @@
@import 'components/commands';
@import 'components/related-artists';
@import 'components/error-message';
@import 'components/sortable';
@import 'views/artist';
@import 'views/user';

View File

@ -12,7 +12,7 @@
z-index: 1;
&__icon {
padding-top: 6px;
padding-top: 7px;
padding-right: 0 !important;
font-size: 12px;
}

View File

@ -0,0 +1,6 @@
.sortable {
&-ghost {
opacity: 0.15;
}
}

View File

@ -28,13 +28,6 @@
background: rgba(255,255,255,0.2);
}
&:focus,
&:active {
@include noanimate();
background: colour(blue);
color: colour(white);
}
.light-theme & {
background: colour(faint_grey);
color: inherit;
@ -42,12 +35,6 @@
&:hover {
background: darken(colour(faint_grey), 4%);
}
&:focus,
&:active {
background: colour(blue);
color: colour(white);
}
}
}
}

View File

@ -93,10 +93,6 @@ main {
overflow-x: hidden;
overscroll-behavior: contain;
@include resolution(2){
bottom: 56px;
}
/**
* iOS drops smooth-scrolling on divs, so we need to manually re-set it
* NOTE: This breaks parallax effects on iOS