react-data-grid-addons
Version:
A set of addons for react-data-grid
1 lines • 2.71 kB
CSS
.react-contextmenu{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:3px;box-shadow:0 6px 10px rgba(0,0,0,.24);font-size:14px;line-height:2;white-space:nowrap}.react-contextmenu>.react-contextmenu-item:not(:last-child){border-bottom:1px solid #ddd}.react-contextmenu-submenu>.react-contextmenu{margin-top:-1px}.react-contextmenu-item:not(.react-contextmenu-submenu){padding:0 12px}.react-contextmenu-item--selected{background-color:#f5f5f5}.react-contextmenu-submenu>.react-contextmenu-item::after{content:"▶";margin-left:12px;margin-right:-6px}.react-contextmenu-submenu>.react-contextmenu-item:not(.react-contextmenu-item--active)+.react-contextmenu{display:none}.slideUp{-webkit-animation-name:slideUp;animation-name:slideUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease;animation-timing-function:ease;visibility:visible }@keyframes slideUp{0%{transform:translateY(100%)}50%{transform:translateY(-8%)}65%{transform:translateY(4%)}80%{transform:translateY(-4%)}95%{transform:translateY(2%)}100%{transform:translateY(0)}}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(100%)}50%{-webkit-transform:translateY(-8%)}65%{-webkit-transform:translateY(4%)}80%{-webkit-transform:translateY(-4%)}95%{-webkit-transform:translateY(2%)}100%{-webkit-transform:translateY(0)}}.rowDropTarget{position:absolute;left:0;width:100%;z-index:1;border-bottom:1px solid #000}.react-grid-image{background:0 0/100% #efefef;display:inline-block;height:40px;width:40px;vertical-align:middle}.react-grid-Toolbar{background-color:#fff;border-color:#e7eaec;border-image:none;border-style:solid solid none;border-width:1px;color:inherit;margin-bottom:0;padding:14px 15px 7px;height:48px}.react-grid-Toolbar .btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;color:inherit;background:#fff;border:1px solid #e7eaec}.react-grid-Toolbar .btn:hover{color:inherit;border:1px solid #d2d2d2}.react-grid-Toolbar .grouped-col-btn{background-color:#428bca;color:#fff;border-color:#2b669a}.react-grid-Toolbar .grouped-col-btn:hover{color:#fff;border-color:#2b669a}.react-grid-Toolbar .grouped-col-btn+.grouped-col-btn{margin-left:5px}.grouped-col-btn>.MuiSvgIcon-root{font-size:18px;vertical-align:middle}.react-grid-Toolbar .tools{float:right;position:relative;padding:0;margin-top:-6px}.rdg-dragging{cursor:grabbing}.rdg-draggable-header-cell{cursor:move;display:inline-block;height:inherit;background-color:inherit}.rdg-can-drop{background-color:#ececec}