Nicer dragging feedback
This commit is contained in:
@ -37,6 +37,7 @@
|
||||
@import 'components/commands';
|
||||
@import 'components/related-artists';
|
||||
@import 'components/error-message';
|
||||
@import 'components/sortable';
|
||||
|
||||
@import 'views/artist';
|
||||
@import 'views/user';
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
z-index: 1;
|
||||
|
||||
&__icon {
|
||||
padding-top: 6px;
|
||||
padding-top: 7px;
|
||||
padding-right: 0 !important;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
6
src/scss/components/_sortable.scss
Normal file
6
src/scss/components/_sortable.scss
Normal file
@ -0,0 +1,6 @@
|
||||
|
||||
.sortable {
|
||||
&-ghost {
|
||||
opacity: 0.15;
|
||||
}
|
||||
}
|
||||
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -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
|
||||
|
||||
Reference in New Issue
Block a user