* fix: 🐛 Fix ghost shadow on thumb Updated react-dnd package for the lates. Refactored thumbnail component Closes: 1087 * feat: 🎸 Code review Set flex instead of float. Add cypress tag to thumb container * feat: 🎸 Code review. Revised style when no description
41 lines
909 B
Stylus
41 lines
909 B
Stylus
.study-browser
|
|
float: left
|
|
height: 100%
|
|
width: 100%
|
|
overflow: hidden
|
|
background-color: black
|
|
padding-bottom: 20px
|
|
padding-top: 10px
|
|
|
|
.scrollable-study-thumbnails
|
|
height: 100%
|
|
overflow-y: auto
|
|
overflow-x: hidden
|
|
padding-bottom: 50px
|
|
padding-right: 16px
|
|
padding-left: 4px
|
|
margin-right: -16px
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
&::-webkit-scrollbar
|
|
display: none
|
|
|
|
.thumbnail-container
|
|
margin: 0 auto;
|
|
padding-bottom: 1.5rem;
|
|
|
|
.noselect
|
|
-moz-user-select: none; /* Firefox */
|
|
-ms-user-select: none; /* Internet Explorer */
|
|
-khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
|
|
-webkit-user-select: none; /* Chrome, Safari, and Opera */
|
|
-webkit-touch-callout: none; /* Disable Android and iOS callouts*/
|
|
|
|
|
|
.draggable
|
|
cursor: copy
|
|
cursor: -webkit-grab
|
|
cursor: -moz-grab
|