Skip to content

Instantly share code, notes, and snippets.

@nsrau
Created September 8, 2020 20:28
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nsrau/1c38528a8854299f92fff2cdf0799512 to your computer and use it in GitHub Desktop.
Save nsrau/1c38528a8854299f92fff2cdf0799512 to your computer and use it in GitHub Desktop.
.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top}.react-grid-item.cssTransforms{transition-property:transform}.react-grid-item.resizing{z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle::after{content:'';position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}body{padding:20px}#content{width:100%}.react-grid-layout{background:#eee}.layoutJSON{background:#ddd;border:1px solid #000;margin-top:10px;padding:10px}.columns{-moz-columns:120px;-webkit-columns:120px;columns:120px}.react-grid-item{box-sizing:border-box}.react-grid-item:not(.react-grid-placeholder){background:#ccc;border:1px solid #000}.react-grid-item.resizing{opacity:.9}.react-grid-item.static{background:#cce}.react-grid-item .text{font-size:24px;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:24px}.react-grid-item .minMax{font-size:12px}.react-grid-item .add{cursor:pointer}.react-grid-dragHandleExample{cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.toolbox{background-color:#dfd;width:100%;height:120px;overflow:scroll}.hide-button{cursor:pointer;position:absolute;font-size:20px;top:0;right:5px}.toolbox__title{font-size:24px;margin-bottom:5px}.toolbox__items{display:block}.toolbox__items__item{display:inline-block;text-align:center;line-height:40px;cursor:pointer;width:40px;height:40px;padding:10px;margin:5px;border:1px solid #000;background-color:#ddd}.droppable-element{width:150px;text-align:center;background:#fdd;border:1px solid #000;margin:10px 0;padding:10px}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment